這篇文章為大家介紹兩種血條的制作的方法
第一種就是使用Image搭配遮罩來制作一個血條。
1.新建一個unity工程,然后新建一個場景。
2.Hierarchy面板里新建一個Panel,在右邊的inspector里將Color的其調為不透明,顏色調成灰色。
3.在Panel下面新建一個Image,將Rect Transform的Width調為400,Height調為50,為其選上一張適當的的背景圖片作為血條的背景,將填充色調為黑灰色。
4.再在Panel下面新建一個Image,命名為fill,同樣的將Rect Transform下的Width調為400,Height調為50,為其填充為藍色,然后將fill設置為的Image的子級,并給Image添加Mask組件。這是左右拖動fill,就是產生如下效果。
5.接下我們為fill添加一個腳本來控制血量。
完成后改變currentHP的值就會發現血條的血量也會跟著變化.
第二種就是使用UGUI自身的的Slider來制作血條,這一種相對第一種來說簡單許多。
1.新建一個場景,Hierarchy面板里新建一個Panel,在右邊的inspector里將Color的其調為不透明,顏色調成灰色。
2.右擊Panel,在UI下選擇Slider,然后刪除Handle Slide Area,并將Fill Area的Rect Transform的left和Right設置為0,將Fill的width設置為0.將slider的Width調為400,Height調為50。接著將Fill的顏色設置為綠色。設置好如下圖所示。
3.下來來到Slider的inspector面板里將Max Value的值設置為100。然后運行工程拖動右側Value的滑動條就可以控制血量。