unity學習----UGUI部分

1、資源配置

導入對應資源

全選設置屬性 Sprite（2D and UI),apply一下

2、創建主菜單背景

2.1 插入圖片

創建一個image，選擇source image 選擇背景圖片

2.2 使圖片平鋪視角

2.3 image按鈕，聲音按鈕

創建 image addcomponent 中加button

插入聲音按鈕的源文件 ，按住shift等比縮放，shiif+alt 以中心點放大縮小

組合按鈕

點擊按鈕漸變效果的圖層

2.4、關於界面伸縮，按鈕不見

設置按鈕的錨點，與屏幕左上角對齊


3、 設置血條

先image 一個 添加 Slider ，將image（2）Fill Rect

轉到 image （2） ，將 image Type 設置爲 Filled

Filled Methond 可設置爲Horizontal （從左到右填充）

不能讓用戶Slider控件

將 interactable 去掉

4、image 屬性

4.1 Slice切圖 使得邊框不失真

選擇圖片屬性 Sliced

點擊source image

apply一下

接下來縮小放大就不會失真了

4.2 Tiled 按原來的大小平鋪整個空間

效果：

4.3 Fill 顯示圖片某個區