UGUI學習筆記之Image元件

2022-07-07 12:54:14 字數 1146 閱讀 5838

source image:要顯示的(格式為sprite,匯入後選擇texture type為sprite(2d and ui))

color:疊加色

material:疊加材質

raycast target:是否檢測點選

image type:顯示模式

simply:簡單

use sprite mesh: 使用精靈網格

preserve aspect:保持原來比例

set native size:設定為原始大小

sliced:切片

在project面板中找到該並選中,點選inspector面板中的sprite editor,拖動綠色邊框,調整為類似下圖:

當我們在場景中隨意拉伸image的大小時,會發現:

a.的四個角始終不變。

b.1,2區域只會縱向變化。

c.3,4區域只會橫向變化。

d.而5區域會隨正常拉伸。

fill center:勾選後,5區域顯示。反之,5區域不顯示。

pixels per unit multiple:邊框的畫素倍數

tiled: 平鋪

對image進行拉伸時,四個角不變,左右分別用1,2縱向平鋪,上下分別用3,4平鋪,中間用5平鋪

fill center:勾選後,5區域顯示。反之,5區域不顯示。

pixels per unit multiple:邊框的畫素倍數

filled:填充(適合運用到類似進度條、技能冷卻等方面的功能)

fill method:填充方式(水平、垂直、90°、180°,360°)

fill origin:填充起點(上下左右)

fill amout:填充程度

clockwise:是否為順時針

preserve aspect:保持原有比列

set native size:設定為原始大小

React Native學習之 Image元件

為了使新的資源機制正常工作,require中的名字必須是乙個靜態字元創 不能使用變數!因為require是在編譯時期執行,而非執行時期執行!錯誤 var icon this.props.active my icon active my icon inactive 正確 var icon this.p...

unity的UGUI筆記(三) image

設定原生大小 就是初始化的 的尺寸。保持長寬高 顧名思義,保持原本 的長和寬 型別 1.在拉伸區域內完全顯示一張 2.sliced 按九宮格顯示,九宮格在資源中設定。拉伸時九宮格四周大小不變,上下只會左右拉,左右只會上下拉。裁剪 3.tiled 平鋪,在選中範圍內顯示n張原始大小的。血條設計應用過 ...

UGUI學習筆記之InputField

一 inputfield控制項介紹 文字輸入框 二 inputfield控制項結構 2.inputfield input caret 輸入文字的游標 執行後才會自動生成 3.placeholder 顯示提示文字 4.text 顯示輸入文字 三 inputfield元件屬性 前面部分同button 不...