Unity版本 2022.3.13f1
Dropdown下拉菜单可以快速创建大量选项
一、 Dropwon属性详解
属性: | 功能: |
---|---|
Interactable | 此组件是否接受输入?请参阅 Interactable。 |
Transition | 确定控件以何种方式对用户操作进行可视化响应的属性。请参阅过渡选项。 |
Navigation | 确定控件顺序的属性。请参阅导航选项。 |
Template | 下拉列表的模板的矩形变换。请参阅以下说明。 |
Caption Text | 用于保存当前所选选项的文本的文本 (Text) 组件。(可选) |
Caption Image | 用于保存当前所选选项的图像的图像 (Image) 组件。(可选) |
Item Text | 用于保存列表项的文本的文本组件。(可选) |
Item Image | 用于保存列表项的图像的图像组件。(可选) |
Value | 当前所选选项的索引。0 代表第一个选项,1 代表第二个,依此类推。 |
Options | 可能选项的列表。可为每个选项指定一个文本字符串和一个图像。 |
On Value Changed | 用户单击了下拉列表中一个选项时调用的 UnityEvent。 |
二、创建下拉菜单
首先我们来先创建一个下拉菜单 再Unity 的Hierarchy面板右键选择UI---->Dropdown - TextMeshPro
当然也可以选择Legacy里面的Dropdown 这里我们选择Dropdown-TextMeshPro
下面是Dropdown在Hierarchy面板上的层次结构
我们增加一个背景到DropDown下面作为背景展示
然后将此背景和item的背景拖拽到Dropdown组件对应的位置上面如下图所示
三、下拉菜单组件代码调用
using System.Collections;
using System.Collections.Generic;
using TMPro;
using UnityEngine;
public class Test : MonoBehaviour
{
public TMP_Dropdown m_Dropdown;
public List<Sprite> m_Sprites;
public List<string> m_TextTip;
public int m_CreateTemp;
private TMP_Dropdown.OptionData m_OptionData;
private int lastIndex = 0;
void Start()
{
InitDorpDown();
}
private void InitDorpDown()
{
m_Dropdown.options.Clear();
for (int i = 0; i < m_CreateTemp; i++)
{
m_OptionData = new TMP_Dropdown.OptionData();
m_OptionData.text = m_TextTip[i];
m_OptionData.image = m_Sprites[i];
m_Dropdown.options.Add(m_OptionData);
}
//设置默认显示
m_Dropdown.captionText.text = m_TextTip[0];
m_Dropdown.captionImage.sprite = m_Sprites[0];
m_Dropdown.onValueChanged.AddListener(OnChanged);
}
private void OnChanged(int index)
{
if (index == lastIndex) return;
lastIndex = index;
Debug.Log(index);
}
}
外部引用挂载
四、实际测试效果
这里是实际图片的问题上下有空白换成不留空白的图就好了
点击效果文章来源:https://www.toymoban.com/news/detail-858301.html
文章来源地址https://www.toymoban.com/news/detail-858301.html
到了这里,关于Unity DropDown 组件 详解的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!