【Unity学习笔记】交互组件共有属性：Interactable、Transition、Navigation

声明：此篇文章是个人学习笔记，并非教程，所以内容可能不够严谨。可作参考，但不保证绝对正确。如果你发现我的文章有什么错误，非常欢迎指正，谢谢哦。

一、介绍

默认情况下，能够进行交互的UI组件有部分相同的属性：Interactable、Transition、Navigation
1.Interactable属性，切换该UI组件的可交互性
2.Transition属性，此属性是用来调整UI交互的效果的，比如鼠标点击UI时出现的颜色变化、图片切换、动画切换等。
3.Navigation属性，导航属性，用户可以使用方向键快速切换需要选择的UI控件。

1、Interactable属性

勾选表示该UI组件可交互，不勾选表示不可交互。

2、Transition 属性

(1).Transition ：Color Tint（颜色变化）

鼠标对该UI进行交互，会有颜色变化效果。

属性	功能
Target Graphic	起作用的图像
Normal Color	普通颜色，平时呈现的颜色
Highlighted Color	鼠标触碰或悬停时的颜色
Pressed Color	鼠标按下时的颜色
Selected Color	选中该UI时的颜色
Disabled Color	不可交互时的颜色（将UI的Interactble取消勾选）
Color Multiplier	颜色系数（最终颜色 = Image颜色状态颜色颜色系数，影响上面的所有状态的颜色。如最终显示高亮颜色 = Image颜色Highighted ColorColor Multiplier）
Fade Duration	渐变时间 (一种状态切换至另一种状态时，颜色渐变切换所需时长，单位为秒。)

(2).Transition ：Sprite Swap （图片改变，图片为Sprite类型）

属性	功能
Target Graphic	默认image
Highlighted Sprite	高亮时图片（鼠标进入按钮区域时显示的图片）
Pressed Sprite	按下时图片 （鼠标按下按钮时显示的图片）
Selected Sprite	选中时图片
Disabled Sprite	无效时图片（将UI的Interactble取消勾选）

(3).Transition:Animation （动画）

这一项会比前两项稍微复杂些，因为涉及到了动画。

Ⅰ.属性

属性	功能
Normal Trigger	正常Trigger
Highlighted Trigger	高亮Trigger
Selected Trigger	选中Trigger
Disabled Trigger	无效Trigger
Auto Generate Animation	自动生成动画

Ⅱ.使用方法

1.点击Auto Generate Animation按钮后，会弹出文件浏览窗口让我们选择自动生成的Animator Controller要存放的文件夹。
2.选好文件夹后，会自动生成带有五个动画的Controller，同时给我们的UI物体自动添加Animator组件。
3.接下来只需要选中生成的Controller，并在Animation面板中编辑对应的动画即可。

3.Navigation属性

当我们选中某个UI组件时，通过键盘的方向键可以快速选中下一个UI组件。而Navigation属性就是用来确定哪个UI控件是下一个UI控件的。

1.下拉框中的选项含义(下面的“按钮”可替换成所有的可交互UI组件)

选项	含义
Navigation	导航（当选中当前按钮时，按方向键导航并选中另一个按钮。另一个按钮也需要启用导航才行）
None	不启用
Everything	开启所有
Horizontal	启用水平方向的导航，并自动检测对应按钮（←→）
Vertical	启用垂直方向的导航，并自动检测对应按钮（↑↓）
Explicit	自定义上下左右按键对应的按钮

2.Visualize: 显示导航路径（路径起点在按钮上/下/左/右面就对应方向键上/下/左/右）