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