基本组件之 UIButton

1.基本组件之 UIButton 面板控制

1.UIButton 制作按钮

1.基础说明

在 UI 界面制作过程中，UILabel 用于显示文字，UISprite 用于显示图片，无论多复杂的 UI 界面，都是由最基础的文字+图片的形式展示（制作）的。

UI 界面的主要功能有两个：1>展示数据；2>人机交互。

而最核心的交互就是点击，使用鼠标或者手指点击 UI，而能接收点击的 UI 组件叫做 UIButton。我们可以在 UILable 和 UISprite 的基础上附加 UIButton组件制作出我们的 UI 按钮。

2.按钮制作步骤

①首先展现一张图片或者一段文字；

②右键图片->Attach-->BoxCollider，确定可以点击的区域，其实点击按钮就是这个这个 Collider 区域进行交互的；

③Attach-->ButtonScript，附加按钮组件，按钮制作到此完成。

2.UIButton 面板属性

1.Colors 数组

使用颜色来描述按钮的四种状态。

如果不想让颜色影响图片的效果，可以将四种颜色全部选择为白色。

2.Sprites 数组

组使用图片来描述按钮的四种状态。

3.按钮四种状态

①Normal(*)：默认原始状态;

②Hover：经过停留状态;

③Pressed(*)：按下状态;

④Disabled：不可用状态；

2.基本组件之 UIButton 代码控制

1.按钮点击事件绑定

1.面板属性栏绑定

①创建一个代码文件，定义一个公开的方法，挂载到一个游戏物体上；

②将该脚本拖拽到 UIButton 的 OnClick 事件上。

 

2.代码绑定

①创建一个代码文件，挂载到按钮游戏物体上；

②定义一个叫做 OnClick（）的方法。

2.按钮交互声音

1.UIPlaySound 组件

当我们和按钮进行交互（比如：点击）的时候，可以播放一个点击声音，起到一个辅助反馈的作用。

2.操作步骤

①Attach-->Play Sound Script 添加组件；

②Audio Clip 指定一个声音文件；

③指定 Trigger 触发该声音播放的事件，常用的是 OnClick。