創建Button后,會出現一個Image組件和一個Button組件,以及Button子節點Text(可以刪除不影響功能)
其中Image的Image Type中有四個選項--Simple、Sliced、Tiled、Filled
(1)
Simple即把圖片放上去不做任何處理,Preserve Aspect選中后Sprite會保留原有寬高不被拉伸,默認不選中
(2)
Sliced--切片,圖片切片顯示,在Project頁面選中圖片,切換為Sprite(2D and UI)模式后,點擊Sprite Editor進入圖片裁切模式,將圖片裁切為上圖的形狀,使用Sliced模式后,根據圖片邊框拉伸,圖片的四個角會保持原狀,而1和4部分會隨着圖片的橫向拉伸而拉伸,2和3部分會隨着圖片的縱向拉伸而拉伸,圖片的中間部分會拉伸5進行填充。
Fill Center--填充中心。勾選后,5顯示,反之,5不可見。
(3)
Tiled--平鋪的,若圖片已經過裁切,則使用Tiled模式后,根據圖片邊框拉伸,圖片的四個角會保持原狀,而1和4部分會隨着圖片的橫向拉伸而拉伸,2和3部分會隨着圖片的縱向拉伸而拉伸,圖片的中間部分會用5進行平鋪填充。若圖片未裁切,則使用Tiled模式后,根據圖片邊框拉伸,圖片保持原大小不做變化,只是用自身平鋪填充。
Fill Center--填充中心。已裁切的圖像源才有此選項)勾選后,5顯示,反之,5不可見。
(4)
Fill Method中的選項--Horizontal、Vertical、Radial 90、Radial 180、Radial 360
Fill Origin--填充起點
Fill Amount--填充進度
Radial 模式下會出現ClockWise--是否順時針
Preserve Aspect--同上
Set Natice Size--將content的大小設置為Sprit相同大小
Fill Method 和 Fill Origin搭配確定填充方式和填充起點。
--------------------------------------------------------------------------------------------------------------------------------
Button組件
Interactable----是否禁用按鈕,如果禁用,按鈕界面將會產生Dissable的效果
Transition----可以設置按鈕再不同狀態下的表現形式,有None、Color Tint、Sprite Swap、Animation四種選項
(1)
None--沒有任何效果,點擊按鈕不會產生界面上的變化
(2)
Color Tint--顏色過度模式
Target Graphic--圖片組件
Normal Color--正常按鈕顏色
Highlighted Color--高亮顏色,鼠標經過時會顯示的顏色
Pressd Color--按下的顏色
Disable Color--禁用時的顏色
Color Multiplier--顏色切換系數,顏色切換速度,越大則顏色在幾種狀態間變化速度越快。
Fade Duration--衰落時間,顏色變化的延時時間,越大則變化越不明顯。
(3)
Sprite Swap--圖片切換模式
Target Graphic--目標圖片組件
Highlighted Sprite--高亮時的圖片
Pressed Sprite--按下的圖片
Disable Sprite--禁用時圖片
(4)
Auto Generate Animation--自動生成動畫控制器,設置trigger進行切換
Navigation--導航模式
假如你現在有四個按鈕,當你點擊第一個時,第一個會保持選中狀態,然后通過按鍵盤方向鍵,會導航將選中狀態切換到下一個按鈕上,例如你的第一個按鈕下方存在第二個按鈕,當你選中第一個按方向鍵下時,第一個按鈕的選中狀態取消,第二個按鈕進入選中狀態,前提是這些按鈕都開啟了導航功能。
None(關閉):關閉導航。
Automatic(自動導航):自動識別並導航到下一個控件。
Horizontal(水平導航):水平方向導航到下一個控件。
Vertical(垂直導航):垂直方向導航到下一個控件。
Explicit(指定導航):特別指定在按下特定方向鍵時從此按鈕導航到哪一個控件。
可以在Scene下看到按鈕的導航關系
OnClick事件列表。不推薦這樣使用,代碼中進行綁定。例如:
1 btn.onClick.AddListener(()=> { });
參考文獻:https://blog.csdn.net/qq992817263/article/details/51754189