Chinar 堅持將簡單的生活方式,帶給世人! (擁有更好的閱讀體驗 —— 高分辨率用戶請根據需求調整網頁縮放比例) |
助力快速使用 UGUI 實現 下拉菜單 為新手節省寶貴的時間,避免采坑! |
Chinar 教程效果:
1
Create Layout —— 創建布局
UGUI 最初是沒有下拉菜單的組件的
后來更新加入后,用起來方便,可快速創建大量選擇項,無需開發者自己寫腳本實現
創建頁面布局
1. 創建下拉菜單模板
右鍵層次列表→ UI → Dropdown
即可完成一個下拉菜單的創建
2. 設置屬性
Unity 會自動幫我們創建一個下拉菜單的模板、並且添加好 Dropdown 組件
做好我們需要的一切
我們需要做的就是,設置我們需要的屬性、以及功能即可
將我們的腳本、需要的選擇項、UI選項設置好就可以用了
2
ChinarDemo Script —— Chinar演示腳本
這里提供一個便於理解的演示腳本
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.
下拉菜單的機制,就是選中的選項,如果再次點擊是不會調用方法的!!!
(也就是說,你已經選擇了第一頁,再次點擊第一頁,是不會調用任何函數的)
4
Test Result —— 測試結果
點擊運行測試
請認真看輸出結果,某一頁為選中狀態時,再次點擊是不會調用任何函數的
至此:Dropdown的用法結束
后期會出擴展、來匹配每個按鈕都可用
支持
May Be —— 搞開發,總有一天要做的事!
Chinar 提供一站式教程,閉眼式創建! 為新手節省寶貴時間,避免采坑! |
先點擊領取 —— 阿里全產品優惠券 (享受最低優惠)
1 —— 雲服務器超全購買流程 (新手必備!)
2 —— 阿里ECS雲服務器自定義配置 - 購買教程(新手必備!)
3—— Windows 服務器配置、運行、建站一條龍 !
4 —— Linux 服務器配置、運行、建站一條龍 !

技術交流群:806091680 ! Chinar 歡迎你的加入
本博客為非營利性個人原創,除部分有明確署名的作品外,所刊登的所有作品的著作權均為本人所擁有,本人保留所有法定權利。違者必究
對於需要復制、轉載、鏈接和傳播博客文章或內容的,請及時和本博主進行聯系,留言,Email: ichinar@icloud.com
對於經本博主明確授權和許可使用文章及內容的,使用時請注明文章或內容出處並注明網址>