本期我们继续为大家进行Unity UI简介（第二部分）的后续教程
本篇内容
14.静音功能
15.使用滑块来调节音量
16.更改AudioSource组件的音量
文章末尾可免费获取教程源代码
本篇本篇Unity UI简介（第二部分）篇幅较长，分为八篇，本篇为第八篇。
14.静音功能
UI元素的事件处理程序的好处是，有时候你可以完全不需要写任何代码就能脱身! 相反，你可以只使用Unity的接口来设置UI元素改变属性，或者直接调用对象所附组件的函数。
下面是如何改变连接到MainCamera的Audio Source组件的静音属性。
在Hierarchy中选择SoundToggle，在Inspector中找到On Value Changed（Boolean）列表。点击+来添加一个新的项目。
将MainCamera从Hierarchy中拖到新添加的项目中。打开功能选择下拉菜单，从顶部的动态bool部分选择AudioSource ▸ mute.
注意：当你仔细观察函数选择选项时，你会看到两个静音属性，一个是在Dynamic bool部分，另一个是在Static Parameters。
两者的区别是微不足道的。如果你在Dynamic bool部分选择mute，它的值将在你每次切换时被设置为切换器的Active属性的当前值。
如果你在静态参数部分选择静音属性，就会出现一个新的输入字段，你就可以在 Inspector中把它的值设置为一个常量值。
当然，在动态bool部分，只有取bool值的属性和方法，因为Toggle的活动属性类型是bool。由于你可以指定任何值作为静态参数，所以静态参数部分包含了所有公共属性和方法。
因此，当Toggle处于活动状态时（如active等于true），它将AudioSource的静音属性设置为true并使音乐静音。
选择File ▸ Save以保存您迄今为止的工作，然后运行场景。打开设置对话框，尝试切换音乐的开和关。
15.使用滑块来调节音量
Toggle可以将其开和关的状态与其他组件的字段同步，这真的很酷，但如果你有一个范围的值呢？在这种情况下，你可以使用Slider UI元素。
同样，右击SettingsDialog添加一个子对象，但这次添加一个UI▸Slider，将其重命名为VolumeSlider。
在 "Hierarchy"中选择VolumeSlider，并将其锚点设置为右中。然后设置它的Pivot为(1, 0.5)，这样你就可以用它右边缘的中间点来定位。
最后，将其RectTransform设置为(Pos X:-20, Pos Y:-10, Width:270, Height:35)
这就是现在 " Settings"对话框的样子。
Hierarchy应该显示出滑块控件有比拨动或按钮更多的部分，以下是主要部分：
·Background：图像，显示滑块的边界和它的内部区域，当它没有被填满时（即当手柄一直向左移动时）。
·Handle：手柄的图像。手柄的图像。你拖动它可以改变滑块的值。
·Fill：拉伸以显示滑块值的图像。
填充图像并不是唯一可以拉伸的部分，所以通常情况下，这三个部分最好使用9比例的图像，我们提供了这样的图片。
在项目窗口中打开RW ‣ UI ‣ Menu，找到滑块各部分对应的三张图片：slider_background、slider_fill和slider_handle.
对于每张图片，在 "Inspector"中打开Sprite编辑器，并将Border的所有值设置为8。单击 "Apply"
现在，为滑块的每个部分设置相应的图像。
·在Inspector中选择 "Background"并将slider_background拖到 " Source Image"。
·选择 "Fill"（不是 "Fill Area"），并将slider_fill拖到 " slider_fill"。
·选择手柄并将slider_handle拖动到Source Image。
如果您现在运行场景并打开 " Settings"对话框，您应该会看到这样的内容：
16.更改AudioSource
组件的音量
使用滑块改变音乐音量与使用切换器的操作类似。
在 " Hierarchy"中选择VolumeSlider。在 "Inspector"中，向下滚动看到 " On Value Changed (Single) "列表，然后单击 "+" 添加一个新项目。
将MainCamera从Hierarchy拖到列表中的那个新项目，打开函数选择下拉菜单，在动态浮动部分选择AudioSource ▸ volume
此外，将滑块组件的值设置为 1，这样就会在场景开始时将滑块设置为与音乐音量相同的值。
选择File ▸ Save以保存您迄今为止的工作，然后运行场景。打开 "Settings"对话框，更改滑块的值。当你拖动滑块手柄时，你应该能听到音量的上下变化，多么棒的功能啊!
教程就到这里结束了，请期待Unity UI简介（第三部分）的后续教程
Unity架构师之路
Unity教程 | 墙外的Unity | 免费资源 | 游戏开发日记
添加下方微信获取教程源代码