這篇文章為大家介紹兩種血條的制作的方法
第一種就是使用Image搭配遮罩來制作一個血條。
1.新建一個unity工程掠抬,然后新建一個場景吼野。
2.Hierarchy面板里新建一個Panel,在右邊的inspector里將Color的其調(diào)為不透明,顏色調(diào)成灰色两波。
3.在Panel下面新建一個Image,將Rect Transform的Width調(diào)為400瞳步,Height調(diào)為50,為其選上一張適當(dāng)?shù)牡谋尘皥D片作為血條的背景腰奋,將填充色調(diào)為黑灰色单起。
4.再在Panel下面新建一個Image,命名為fill劣坊,同樣的將Rect Transform下的Width調(diào)為400嘀倒,Height調(diào)為50,為其填充為藍(lán)色,然后將fill設(shè)置為的Image的子級测蘑,并給Image添加Mask組件灌危。這是左右拖動fill,就是產(chǎn)生如下效果碳胳。
5.接下我們?yōu)閒ill添加一個腳本來控制血量勇蝙。
完成后改變currentHP的值就會發(fā)現(xiàn)血條的血量也會跟著變化.
第二種就是使用UGUI自身的的Slider來制作血條,這一種相對第一種來說簡單許多挨约。
1.新建一個場景味混,Hierarchy面板里新建一個Panel,在右邊的inspector里將Color的其調(diào)為不透明,顏色調(diào)成灰色诫惭。
2.右擊Panel翁锡,在UI下選擇Slider,然后刪除Handle Slide Area贝攒,并將Fill Area的Rect Transform的left和Right設(shè)置為0盗誊,將Fill的width設(shè)置為0.將slider的Width調(diào)為400,Height調(diào)為50隘弊。接著將Fill的顏色設(shè)置為綠色哈踱。設(shè)置好如下圖所示。
3.下來來到Slider的inspector面板里將Max Value的值設(shè)置為100梨熙。然后運(yùn)行工程拖動右側(cè)Value的滑動條就可以控制血量开镣。