Unity3D-UGUI系列 Button 按钮组件详解

Button按钮组件介绍
Button是UGUI里面的一个交互UI组件。
也是在开发中经常遇到的一个组件。
通过点击完成一系列的操作：执行某些事件、动作、切换状态等。

在Unity的Hierarchy视图中点击“Create→UI→Button”创建一个Button组件：

三、Button按钮组件属性
Button的属性面板如下图所示：

Image组件我们放到下一节详细讲，重点看一下Button组件。

Button公有三种Transition Setting过渡类型，我们分别介绍：

Color Tint —— 颜色过渡

属性    介绍
Interactable    是否启动按钮的响应
Transition    按钮的过渡动画类型，有Color Tint颜色过渡、Sprite Swap图片过渡、Animation动画过渡
Target Graphic    目标图形
Normal Color    普通状态下的颜色
Highlighted Color    鼠标悬停时状态下的颜色
Pressed Color    点击状态的颜色
Disabled Color    禁用状态的颜色
Color Multiplier    颜色乘数
Fade Duration    效果消失的时间
Navigation    导航类型
OnClick    点击事件列表
颜色过渡类型，通过调整颜色的变化，来展示按钮选中、点击、移开等不同的效果。

Sprite Swap —— 图片过渡

属性    介绍
Interactable    是否启动按钮的响应
Transition    按钮的过渡动画类型，有Color Tint颜色过渡、Sprite Swap图片过渡、Animation动画过渡
Target Graphic    目标图形
Highlighted Sprite    鼠标悬停时状态下的图片
Pressed Sprite    点击状态的图片
Disabled Sprite    禁用状态的图片
Navigation    导航类型
OnClick    点击事件列表
图片过渡类型，通过拖入不同的图片，来展示按钮选中、点击、移开等不同的效果。

Animation —— 动画过渡

属性    介绍
Interactable    是否启动按钮的响应
Transition    按钮的过渡动画类型，有Color Tint颜色过渡、Sprite Swap图片过渡、Animation动画过渡
Target Graphic    目标图形
Normal Trigger    普通状态触发器
Highlighted Trigger    鼠标悬停状态触发器
Pressed Trigger    点击状态触发器
Disabled Trigger    禁用状态触发器
Auto Generate Animation    自动生成动画，点击后可以自动生成Button的动画
Navigation    导航类型
OnClick    点击事件列表
动画过渡类型，通过设置不同的触发器状态，来展示按钮选中、点击、移开等不同的效果。