UGUI学习笔记（三）交互组件

一、Selectable基类

Selectable类是所有交互组件的基类

• Interactable：设置组件是否接受输入。如果设置为false，则交互和过渡状态都将设置为禁用状态
• Transition：设置过渡状态。包含「None」无状态效果、「Color Tint」颜色改变效果、「Sprite Swap」精灵改变效果、「Animation」动画改变效果
• Navigation：设置导航。包含「None」无键盘导航、「Horizontal」水平导航、「Vertical」垂直导航、「Automatic」自动导航、「Explicit」自定义导航
• Visualize：显示导航线

Transition

「Transition」选项提供了不同的过渡效果供用户设置。
当选择「Color Tint」选项时，可以定义对焦、失焦、按下等状态时控件的颜色

当选择「Sprite Swap」选项时，可以设置各个状态下控件显示的精灵

当选择「Animation」选项时，点击「Auto Generate Animation」，Unity就会自动创建一个动画状态机，并添加了各个状态。我们只需要自定义每个状态的动画即可

Navigation

「Navigation」选项用来设置控件间的导航。根据选择的不同方向，可以按对应的方向键跳转到相邻的其他控件，或从其他控件跳转会当前控件。点击「Visualize」可以显示导航线。

比如上图中，目前的焦点在「结束游戏」按钮上。根据导航线，按「上」方向键时，焦点就会到「开始游戏」按钮上；按「下」方向键，焦点就会到中间的白块上。。。

二、Button按钮

Button是最基本的交互组件，它除了Selectable基类提供的属性外，只多了个OnClick事件绑定。通过绑定指定脚本的指定方法，就可以在按钮点击时触发该方法。

三、Toggle复选框

Toggle控件除了基类提供的属性外，还有如下选项

• Is On：复选框在开始时是否选中
• Toggle Transition：复选框变化时的效果，可以选择「None」无效果、「Fade」淡入淡出
• Graphic：用于指定复选标记的图像
• Group：用来指定复选框组。在同一组的复选框是互斥的。
• On Value Changed：绑定选项改变事件

四、Slider滑动条

Slider滑动条允许用户通过拖动鼠标从预定范围中选择数值

• Fill Rect：设定填充区域的图形
• Handle Rect：设定控制柄的图形
• Direction：设置滑动方向
• Min Value：最小值
• Max Value：最大值
• Whole Numbers：是否将滑动条约束为整数
• Value：滑动条当前数值
• On Value Changed：数值改变事件

五、Scrollbar滚动条

滚动条与滑动条的区别在于，滑动条通过滑动来改变目标值，一般用于音量、亮度调节等场景；滚动条则是事先设置好值，通过滚动改变目标的比例，一般用于改变滚动视野显示区域等。

• Handle Rect：设定控制柄的图形
• Direction：设置滚动方向
• Value：滚动条的初始位置值，范围为 0.0 到 1.0
• Size：控制柄在滚动条内的比例大小，范围为 0.0 到 1.0
• Number Of Steps：滚动条允许的不同滚动位置的数量
• On Value Changed：数值改变事件

六、Dropdown下拉选单

在新版的Unity中，原生的Dropdown已被标记为过时，官方推荐使用Text Mesh Pro中的Dropdown。不过用法与原生的基本相同。

• Template：下拉列表模板
• Caption Text：当前所选选项的文本组件
• Caption Image：当前所选选项的图像组件
• Placeholder：默认显示内容
• Item Text：列表项的文本组件
• Item Image：列表项的图像组件
• Value：当前所选选项的索引。0 代表第一个选项，1 代表第二个，依此类推
• Alpha Fade Speed：下拉列表淡入淡出的速度，数越大越慢
• Options：选项列表，可为每个选项指定一个文本字符串和一个图像
  

七、InputField文本框

与Dropdown一样，目前官方推荐使用Text Mesh Pro中的文本框控件。这里因为属性比较多，所以直接贴图片了。使用起来也很简单，此处不再详述。

八、Scroll View滚动框

• Content：指定展示的内容
• Horizontal：启用水平滚动
• Vertical：启用垂直滚动
• Movement Type：移动类型，包含「Unrestricted」不受限制、「Elastic」回弹、「Clamped」粘合
• Inertia：内容移动时是否开启惯性
• Scroll Sensitivity：滚动灵敏度
• Viewport：视口，也就是展示内容的区域
• Horizontal Scrollbar：水平滚动条
  • Visibility：滚动条在不需要时是否自动隐藏
  • Spacing：滚动条与视口的间距
• Vertical Scrollbar：垂直滚动条