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.youkuaiyun.com/qq992817263/article/details/51754189

转载于:https://www.cnblogs.com/dawenhao/p/9934105.html