优秀的编程知识分享平台

网站首页 > 技术文章 正文

【2.UI元素】7.Dropdown(ui元素定位方法)

nanyue 2024-07-26 15:48:16 技术文章 9 ℃

7.Dropdown

Dropdown(下拉列表)是单击后显示一些选项供用户选择。

7.1 Dropdown 的构成

Dropdown 的构成如下图所示:

Label - 初始文字

Arrow - 箭头图像

Template - 模板,实际上是一个 Scroll View,其内容 Item 是 Toggle。

Dropdown 的变量如下图所示:

  • Options - Item 选项,可以增加或删除。

7.2 Dropdown 的事件监听

操作 Dropdown 时会触发 On Value Changed 事件,其参数为 int (整型)值,该值为对应 Option 的索引,即:第一个选项的值为 0,第二个选项的值为 1,......。

示例:通过代码实现触发 Dropdown 的 On Value Changed 事件。

代码如下:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class DropdownValueChanged : MonoBehaviour
{
    Dropdown dropdown;

    List<string> options = new List<string>();
    

    // Start is called before the first frame update
    void Start()
    {
        dropdown = GetComponent<Dropdown>();
        dropdown.value = -1;
        dropdown.onValueChanged.AddListener(DropdownSelected);        

        options.Add("内蒙古");
        options.Add("贵州省");
        options.Add("福建省");
        options.Add("宁夏");
        options.Add("河北省");
        dropdown.ClearOptions();
        dropdown.AddOptions(options);        
    }

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

    void DropdownSelected(int value)
    {
        print("The dropdown current value is " + value.ToString());
        print("The dropdown current option is" + options[value]);
    }
}

运行效果如下图所示:

最近发表
标签列表