Unity3D UGUI下拉菜單/Dropdown組件用法、總結


Unity3D中UGUI實現下拉菜單


本文提供全流程,中文翻譯。

Chinar 堅持將簡單的生活方式,帶給世人!

(擁有更好的閱讀體驗 —— 高分辨率用戶請根據需求調整網頁縮放比例)



Chinar —— 心分享、心創新!

助力快速使用 UGUI 實現 下拉菜單

為新手節省寶貴的時間,避免采坑!


Chinar 教程效果:



全文高清圖片,點擊即可放大觀看 (很多人竟然不知道)


1

Create Layout —— 創建布局


UGUI 最初是沒有下拉菜單的組件的

后來更新加入后,用起來方便,可快速創建大量選擇項,無需開發者自己寫腳本實現

創建頁面布局

1. 創建下拉菜單模板

右鍵層次列表→ UI Dropdown

即可完成一個下拉菜單的創建
舉個栗子黑白88
這里寫圖片描述


2. 設置屬性

Unity 會自動幫我們創建一個下拉菜單的模板、並且添加好 Dropdown 組件

做好我們需要的一切

我們需要做的就是,設置我們需要的屬性、以及功能即可

將我們的腳本、需要的選擇項、UI選項設置好就可以用了
舉個栗子黑白88
這里寫圖片描述


2

ChinarDemo Script —— Chinar演示腳本


這里提供一個便於理解的演示腳本
舉個栗子黑白88

using UnityEngine;
using UnityEngine.UI;


/// <summary>
/// Chinar例子腳本,用以輸出
/// </summary>
public class ChinarDemo : MonoBehaviour
{
    void Start()
    {
        //貼心的 Chinar 為新手提供了 代碼動態綁定的方法,如果通過代碼添加監聽事件,外部就無需再做添加
        //GameObject.Find("Dropdown").GetComponent<Dropdown>().onValueChanged.AddListener(ConsoleResult);
    }


    /// <summary>
    /// 輸出結果 —— 添加監聽事件時要注意,需要綁定動態方法
    /// </summary>
    public void ConsoleResult(int value)
    {
        //這里用 if else if也可,看自己喜歡
        //分別對應:第一項、第二項....以此類推
        switch (value)
        {
            case 0:
                print("第1頁");
                break;
            case 1:
                print("第2頁");
                break;
            case 2:
                print("第3頁");
                break;
            case 3:
                print("第4頁");
                break;
            //如果只設置的了4項,而代碼中有第五個,是調用不到的
            //需要對應在 Dropdown組件中的 Options屬性 中增加選擇項即可
            case 4:
                print("第5頁");
                break;
        }
    }
}

3

Attentions —— 注意事項


注意事項:

1.
手動添加監聽事件,需綁定動態方法(Unity會自動生成)

2.
設置自己需要的默認項,默認為0,當下拉菜單彈起時,默認就是第一項

3.
下拉菜單的機制,就是選中的選項,如果再次點擊是不會調用方法的!!!
(也就是說,你已經選擇了第一頁,再次點擊第一頁,是不會調用任何函數的)
舉個栗子黑白88
這里寫圖片描述


4

Test Result —— 測試結果


點擊運行測試

請認真看輸出結果,某一頁為選中狀態時,再次點擊是不會調用任何函數的
舉個栗子黑白88
這里寫圖片描述
至此:Dropdown的用法結束
后期會出擴展、來匹配每個按鈕都可用


支持

May Be —— 搞開發,總有一天要做的事!


擁有自己的服務器,無需再找攻略!

Chinar 提供一站式教程,閉眼式創建!

為新手節省寶貴時間,避免采坑!


先點擊領取 —— 阿里全產品優惠券 (享受最低優惠)


1 —— 雲服務器超全購買流程 (新手必備!)

2 —— 阿里ECS雲服務器自定義配置 - 購買教程(新手必備!)

3—— Windows 服務器配置、運行、建站一條龍 !

4 —— Linux 服務器配置、運行、建站一條龍 !





技術交流群:806091680 ! Chinar 歡迎你的加入


END

本博客為非營利性個人原創,除部分有明確署名的作品外,所刊登的所有作品的著作權均為本人所擁有,本人保留所有法定權利。違者必究

對於需要復制、轉載、鏈接和傳播博客文章或內容的,請及時和本博主進行聯系,留言,Email: ichinar@icloud.com

對於經本博主明確授權和許可使用文章及內容的,使用時請注明文章或內容出處並注明網址
>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM