?

? ? ? ? 在前面的小節(jié)中，我們已經(jīng)有了一個(gè)空的設(shè)置菜單?，F(xiàn)在讓我們來添加設(shè)置選項(xiàng)。

? ? ? ? 在本節(jié)最后，我們的設(shè)置菜單的樣子參考如下：

添加一個(gè)音樂開關(guān)（Toggle）

? ? ? ? 現(xiàn)在讓我們來增加一個(gè)toggle，讓用戶能夠通過它來對場景的音樂進(jìn)行開關(guān)。

? ? ? ? 1. 激活Settings Menu有我物體，隱藏所有其它的UI元素，然后確保我們在2D視角來編輯場景視圖里的Canvas。

? ? ? ? 2. 在Settings Menu游戲物體上點(diǎn)擊右鍵，選擇UI > Toggle。將其重命名為“Music Toggle”。

? ? ? ? ? ? 默認(rèn)情況下，Toggle的標(biāo)簽使用的是Unity的老的文本系統(tǒng)，而不是更好的TextMeshPro。我們將它替換為TextMeshPro。

? ? ? ?3. 在Hierarchy中，將Music Toggle游戲物體展開，刪除Lable子物體，然后在Music Toggle上點(diǎn)擊右鍵并選擇 UI > Text - TextMeshPro。

? ? ? ? 4. 編輯文字標(biāo)簽的大小和位置，參考效果如下：

為場景添加音樂

? ? ? ? 1. 在Hierarchy中，點(diǎn)擊右鍵，選擇Audio > Audio Source。

? ? ? ? 2. 在Audio Source組件的Audio Clip屬性中，使用物體選擇器瀏覽并選擇你想要用的音樂。

? ? ? ? 3. 在Audio Source組件中個(gè)，將Volume屬性設(shè)置為一個(gè)0.25-0.50之間的值。

讓Music Toggle能控制音樂

? ? ? ? 1. 選擇Music Toggle游戲物體，在Toggle組件的底部，找到On Value Changed（Bollean）事件。

? ? ? ? 在On Value Changed (Boolean)事件中，參數(shù)是一個(gè)布爾值。本案例中，我們想要實(shí)現(xiàn)的效果是，當(dāng)這個(gè)參數(shù)為true時(shí)（開）播放音樂，為fasle時(shí)（關(guān)）停止音樂。

• Toggle on → OnValueChanged(true) → play music
  

• Toggle off → OnValueChanged(false) → stop music
  

  2. 點(diǎn)擊On Value Changed Event里的“+”按鈕，添加一個(gè)新的action，將Audio Source游戲物體賦值給object。
  

? ? ? ? 3. 使用action下拉菜單，選擇AudioSource > enabled。

? ? ? ? ? ? 當(dāng)開關(guān)被設(shè)置為true或false時(shí)，Audio Source的enabled屬性也會被設(shè)置為相應(yīng)的值?，F(xiàn)在我們可以運(yùn)行場景看看效果了。

增加一個(gè)音量調(diào)整滑動條（slider）

? ? ? ? 接下來我們使用一個(gè)叫做slider的UI元素來控制音量。

? ? ? ? 1. 在Settins Menu游戲物體上點(diǎn)擊右鍵，選擇UI > Slider，將其重命名為“Volume Slider”。

? ? ? ? 2. 使用Rect Transform組件或場景中的Rect Tool?來調(diào)整一下Slider的大小和位置，參考效果如下：

? ? ? ? 3. 在Volume Slider游戲物體上點(diǎn)擊右鍵，創(chuàng)建一個(gè)Text - TextMeshPro?子物體。然后調(diào)整一下文字的大小和位置等，把文本放到Slider旁邊。

增加Volume Slider的功能

? ? ? ? 1. 選擇Volume Slider游戲物體，在Slider組件中找到On Value Changed （Single）事件。

? ? ? ? 2. 增加一個(gè)新的action，將Audio Source游戲物體賦值給它。

? ? ? ? 3. 在action下拉列表中，選擇AudioSource > volume。

? ? ? ? ? ? 本案例中，這個(gè)屬性是一個(gè)float類型變量。滑動條會將這個(gè)值修改為一個(gè)0到1之間的浮點(diǎn)數(shù)值，這個(gè)值的大小根據(jù)滑動條所使用的位置而定。

? ? ? ? ? ? 如果我們現(xiàn)在運(yùn)行場景，會發(fā)現(xiàn)一個(gè)奇怪的現(xiàn)象。音樂是按照正常音量所播放的，但滑動條卻顯示在最左邊的默認(rèn)位置上。在場景啟動時(shí)，滑動條的位置和當(dāng)前的音量并不匹配。

? ? ? ? 4. 在Slider組件中，將Value屬性的默認(rèn)值修改為之前我們?yōu)锳uido Source設(shè)置的起始音量值。

? ? ? ? 再次運(yùn)行場景看看效果。

挑戰(zhàn)：增加新的UI元素

? ? ? ? 嘗試添加一些新的UI元素，實(shí)現(xiàn)路燈的開關(guān)，火焰的燃燒或熄滅以及白天黑夜的切換效果。