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