Unity 3D项目问题笔记 //03_unity 中的 Toggle 问题

Unity 如何做出王者荣耀中选择英雄界面的英雄切换头像动作？

这有三个要求：

 ① 进入界面时任何英雄框未被选中；

 ② 选中 A 头像框后再次点击 A 头像框不变，再选择 B 英雄则切换到 B 英雄；

 ③ 能且仅能选择一个英雄。

 

此时就可以用 Toggle 功能来实现： 

step 1：

在需要放置 头像 的 Canvas 上右键 UI -> Toggle，多个头像则建立多个 Toggle，建立完之后我们可以发现多出了两个选择按钮，但无法满足上述要求：

 

step 2：

那如何实现功能②③呢？ 任意选择其中一个 Toggle，给它 add component，选择 Toggle Group，然后该 Toggle 的 Inspector 下会多一个 Toggle Group (Script)，然后给所有的 Toggle 的 Group 添加刚才建立的 Toggle Group，默认为none，设置 OK 。

 

step 3：

实现功能 ①，将右侧的 Is On 取消勾选；

给 Toggle 添加图片作为头像：点击 Toggle 下拉按钮选择 Background 然后将图片拖入 Source Image；

删掉 Toggle 文字字样：将 Toggle 下级的 Label 对象删除。

 

step 4：

当选中人物的时候人物会说台词，在这里我们将音效加到 Toggle 当中：选中 Toggle 然后 add component，选择

Audio Source，然后将音效拖入 AudioClip 中，取消勾选 Play On Awake。

 

 

（Toggle：切换；Label：标签）