|
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
對於經本博主明確授權和許可使用文章及內容的，使用時請注明文章或內容出處並注明網址>