效果展示

【Unity使用UGUI實作王者榮耀UI界面（二）】加載頁面-靜音按鈕和頁面完善

通過Toggle組件實作點擊按鈕關閉游戲音效的功能，以及Image組件完善加載頁面

1. 打開專案

打開我們的Unity Hub，找到你創建的王者榮耀UI界面專案，點擊打開

然后靜靜等待

【這部分最后一次寫】

2. Toggle實作打開關閉音效的功能

Toggle組件是開關組件，用于控制某種功能的開關

當然，在此之前，我甚至還去網上找了一個音效當背景音樂

鏈接：https://pan.baidu.com/s/1N7k4bPP7GkroSjFF4Sobyg
提取碼：inln

當然，你也可以自己去找，效果是一樣的

2.1 Toggle組件演示

右鍵UI->Toggle，創建一個開關
選中它
按R調整大小，將x，y調整成5/5
如圖所示
然后給它添加一個腳本，命名為test.cs

撰寫代碼：

using UnityEngine;
using UnityEngine.UI;

public class test : MonoBehaviour
{
    private Toggle testToggle;  // 開關組件
    // Start is called before the first frame update
    void Start()
    {
        testToggle = gameObject.GetComponent<Toggle>();  // 獲取開關組件
        testToggle.onValueChanged.AddListener((isOn)=>
        {
            // isOn是開關的邏輯，bool型別
            if (isOn)
            {
                Debug.Log("開關開了");
            }
            else
            {
                Debug.Log("開關關了");
            }
        });
    }

    // Update is called once per frame
    void Update()
    {
        
    }
}

效果展示：

需要注意一下，我這是先新建了一個專案，然后再演示的

在這里插入圖片描述

好了，你已經大致了解了Toggle組件

2.2 使用Toggle組件實作功能

回傳我們原來的專案

在我們的canvas上面創建一個Toggle，重命名為closeAudio

然后看這個

在這里插入圖片描述

把Background的img組件設定為我們素材里面的那個audio添加上
還有那個Checkmark，也設定為audio圖片
然后在closeAudio下面創建一個AudioS core
然后在將背景音樂加進去

2.3 撰寫腳本

在Scripts里面創建一個名字為AudioToggle的腳本，撰寫代碼

using UnityEngine;
using UnityEngine.UI;
public class AudioToggle : MonoBehaviour
{
    private GameObject bgAudio;

    private Toggle bgAudioToggle;
    // Start is called before the first frame update
    void Start()
    {
        bgAudio = transform.Find("bgAudio").gameObject;
    }

    // Update is called once per frame
    void Update()
    {
        bgAudioToggle = gameObject.GetComponent<Toggle>();
        bgAudioToggle.onValueChanged.AddListener(closeAudio);
    }
    /// <summary>
    /// 這個和上面的效果是一樣的，區別就是，上面的可以添加引數
    /// 雖然這個也有引數，但是這個引數是開關的型別
    /// </summary>
    /// <param name="isOn"></param>
    void closeAudio(bool isOn)
    {
        
        if (bgAudioToggle.isOn)
        {
            bgAudio.SetActive(true);
        }
        else
        {
            bgAudio.SetActive(false);
        }
    }
    
}