引擎入门 | Unity UI简介–第2部分（7）

本期我们继续为大家进行Unity UI简介（第二部分）的后续教程

本篇内容

12.在菜单场景中添加音乐

13.开启和关闭音乐

文章末尾可免费获取教程源代码

本篇本篇Unity UI简介（第二部分）篇幅较长，分为八篇，本篇为第七篇。

12.在菜单场景中添加音乐

欢迎你在你的文件中翻找合适的片段，但你不必这样做，因为这个项目已经包含了一个活泼的音乐轨道，你需要做的就是播放它。

在 "Hierarchy"中选择 " Main Camera "，并添加 "Audio Source "组件。然后，在 "Project"窗口中，打开RocketMouse ‣ Audio，并将音乐拖到 "Inspector"中的 "Audio Clip"字段。

启用 "Play On Awake"

 

13.开启和关闭音乐

要打开和关闭音乐，你将使用wait for it — toggle，右键单击SettingsDialog并选择UI ▸ Toggle来添加一个切换UI元素作为对话框的子元素。

拨动控件由根对象和若干子对象组成，根对象附加了一个拨动组件。

·Background：一个始终可见的图像（即在开启和关闭状态下）。一个始终可见的图像（即在开启和关闭状态下）。

·Checkmark：只有在切换激活时才能看到的图像(ON)

·Label：显示在切换器旁边的标签

这次你不需要标签，所以去掉嵌套的Label。然后把Toggle改名为SoundToggle，这是你完成后在 Hierarchy中应该看到的。

在Hierarchy中选择SoundToggle，将其Anchors设置为左中，Pos X为115，Pos Y为-10。

注意：还记得锚和位置是如何相对于父节点设置的吗？这就是为什么在设置SoundToggle的位置之前，先将其添加为SettingsDialog的子代。

请记住，改变Anchors和Pivot不会改变UI元素的位置。相反，它们会通过使用新的锚点和枢轴将位置字段（如 Pos X、Pos Y、Left、Right）更新为将元素定位在同一位置的值，先设置这些，然后来设置他们正确的位置。

另外，在Toggle组件下，取消勾选Is On复选框。

现在你需要为Background和Checkmark子对象指定图像。正如您对其他图像所做的那样，您将从RW ‣ UI ‣ Menu中获取它们，因此在项目窗口中打开该文件夹。

你将需要两张图片：

·settings_btn_sound为背景

·勾号的设置_btn_sound_checkmark。

在 "Hierarchy"中选择SoundToggle的Background子项目，并在 "Inspector"中把Setting_btn_sound从 "Project" 窗口拖到 "Source Image"，然后点击设置原生尺寸。

选择复选标记并重复前面的步骤，但这次使用项目窗口中的settings_btn_sound_checkmark图像。

这是你在场景视图中应该看到的：

注意：你会注意到根对象（宽矩形）的大小与背景图像不匹配，你可以调整它的大小，但这并不重要。子对象的矩形将作为交互的碰撞器框。另外，选中的状态可能还在显示，但当你在编辑器中按下播放键时，Toggle会根据你之前设置的Is On选项刷新其状态。

教程就到这里结束了，我们下期会继续Unity UI简介（第二部分）的后续教程

---

Unity架构师之路

Unity教程 | 墙外的Unity | 免费资源 | 游戏开发日记

添加下方微信获取教程源代码