1. 程式人生 > >unity ui小技巧

unity ui小技巧

一:使圖片背景圖片平鋪

選擇背景

set native size 按鈕可以是圖片保持原有的比例

使用rect tool 工具移動圖片不會造成z軸方向的移動(建議在平面移動時使用這個)

選擇錨點(錨點就像船的錨一樣,能夠固定位置,保持相對位置不改變)

為了使圖片平鋪,我們使用四角為錨點

按住alt選擇右下角的向四周拉伸

二:技能冷卻特效

在此圖上面再加一層圖片並調成暗色

將image type改成filled

使用程式碼調整fill amount 就可以實現技能冷卻特效

三:能量條,血條製作

ui—>slider

back ground :背景

fill area:填充區域

 

點選播放

拖動按鈕

按鈕(可以選擇把按鈕刪除)

其實slider就是幾張圖片(顏色)相互覆蓋製作的特效

在父級圖片掛上了slider元件

四:切換揹包物品欄

toggle 的使用可以實現這個功能

ui->toggle

點選播放

將需要scene檢視需要控制的圖片放入image中

我們也可以根據自己的需求來使用toggle

例如:

圖片掛上toggle元件就可以成為按鈕

 

效果

頭盔消失

點選左邊

雙劍消失

有個bug(我們需要必須有一個存在,不能兩個同時消失同時出現,這時候使用toggle group)

新增toggle group 元件

將添加了toggle group元件的物體移入按鈕的group

使兩個按鈕都在同一個toggle group中,使他們不能同時被觸發

五:grid layout group的使用

能夠自動生成多個元素

選擇要複製的元素ctrl +D

就會自動排列

六:滑動scroll rect

 

scroll 加個mask元件可以隱藏顏色