unity ui小技巧
阿新 • • 發佈:2019-01-09
一:使圖片背景圖片平鋪
選擇背景
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元件可以隱藏顏色