Unity UGUI之Button


創建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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM