Unity DropDown 组件 详解

这篇具有很好参考价值的文章主要介绍了Unity DropDown 组件 详解。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Unity版本 2022.3.13f1

Dropdown下拉菜单可以快速创建大量选项

一、 Dropwon属性详解

unity dropdown,Unity,unity,游戏引擎

属性: 功能:
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

unity dropdown,Unity,unity,游戏引擎

当然也可以选择Legacy里面的Dropdown 这里我们选择Dropdown-TextMeshPro

 下面是Dropdown在Hierarchy面板上的层次结构

unity dropdown,Unity,unity,游戏引擎

我们增加一个背景到DropDown下面作为背景展示

unity dropdown,Unity,unity,游戏引擎

 然后将此背景和item的背景拖拽到Dropdown组件对应的位置上面如下图所示

unity dropdown,Unity,unity,游戏引擎

三、下拉菜单组件代码调用

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);
    }
}

 外部引用挂载

unity dropdown,Unity,unity,游戏引擎

四、实际测试效果 

unity dropdown,Unity,unity,游戏引擎

这里是实际图片的问题上下有空白换成不留空白的图就好了

点击效果

unity dropdown,Unity,unity,游戏引擎文章来源地址https://www.toymoban.com/news/detail-858301.html

到了这里,关于Unity DropDown 组件 详解的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 第四十二章 Unity 下拉框 (Dropdown) UI

    本章节我们介绍下拉框 (Dropdown),我们点击菜单栏“GameObject”-“UI”-“Dropdown”,然后调整它的位置,效果如下 其实它的本质就是一个下拉列表,然后选择列表中的一个选项而已。大家在很多网页中应该可以看到类似的UI元素。我们在层次面板查看这个游戏对象 我们发现Dr

    2024年02月04日
    浏览(50)
  • Unity Dropdown(可编辑,可输入)下拉选择框,带文本联想

    由于 Unity 没有直接实现该效果的组件,所以以上效果是用Dropdown和InputField这个两个组件 组合实现的。 UI布局 核心代码 项目Doem 源码GitEE 地址:https://gitee.com/Andy_Yi/drop-down-dome

    2024年02月11日
    浏览(42)
  • Unity中的【Dropdown(包括TMP_Dropdown)下拉框当只有一个下拉值时多次点击 OnValueChange事件无效】的改进方法

    Dropdown(包括TMP_Dropdown)下拉框当只有一个下拉值时,多次点击下拉框,并选择选项时, OnValueChange事件不响应 当下拉框值变化的时候,代表用户选择了新的值,于是执行对应逻辑 在当前情形之下,用户onValueChanged事件无法响应,因为value没有改变,那么如何补救呢? (1)如图

    2024年02月15日
    浏览(47)
  • unity 如何设置一个未选择的(默认值为空)的下拉列表dropdown

         unity设置下拉列表时总是指定一个默认选择值,如何设置一个在启动时未被选择的dropdown,如下:      1.设置一个inputfield或者text覆盖住dropdown文字,inputfield      2.list添加一个默认项default,liststring temp=new liststring{\\\"1\\\",\\\"2\\\",\\\"3\\\",\\\"default\\\"};       3.初始化dropdown: dropdown.addopt

    2024年02月14日
    浏览(37)
  • Unity3D邪门实现之GUI下拉菜单Dropdown设计无重复项

    ** Unity3D邪门实现系列为博主在实际开发过程中遇到一些需求,由于个人水平无法正经实现退而采用“歪道”实现同样的效果。** 该系列仅用于分享思路,若有错误或“多此一举”的地方,也请大家多多指正。 利用按钮和下拉菜单结合的形式,点击按钮显示下拉菜单,实现菜

    2024年02月02日
    浏览(47)
  • 30分钟了解所有引擎组件,132个Unity 游戏引擎组件速通!【收藏 == 学会】

    🎬 博客主页:https://xiaoy.blog.csdn.net 🎥 本文由 呆呆敲代码的小Y 原创,首发于 CSDN 🙉 🎄 学习专栏推荐:Unity系统学习专栏 🌲 游戏制作专栏推荐:游戏制作 🌲Unity实战100例专栏推荐:Unity 实战100例 教程 🏅 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正! 📆 未来很长

    2024年02月11日
    浏览(74)
  • el-dropdown自定义样式,不影响其他组件

    原来的样式:                                                    修改后的样式:                 给 el-dropdown-menu 添加类名 dropdown-menu  打开F12看一下元素 我们添加的类名与.el-dropdown-menu在同一层,所以修改背景色啥的就可以直接用自定义的类名修改,但是像里层的.el-d

    2024年02月06日
    浏览(60)
  • Vue 中修改 Element 组件的 下拉菜单(Dropdown) 的样式

    今天在项目中碰到一个 UI 改造的需求,需要根据设计图把页面升级成 UI 设计师提供的设计图样式。 到最后页面改造完了,但是 UI 提供的下拉菜单样式全部是黑色半透明的,只能硬着头皮改了。 然后,就有了一下午的头脑风暴。 一开始,我是想着使用 /deep/ 来深度修改样式

    2024年01月17日
    浏览(70)
  • css:鼠标经过el-dropdown 组件上会出现一个蓝色的小框

    效果如下,原以为是浏览器的bug,升级后就好了,没想到一直有这个问题 页面刷新后,鼠标经过 el-dropdown 组件上会出现一个蓝色的小框 浏览器默认有一个样式,加了一个边框 知道原因之后,就好处理了 参考文章 使用element-plus中的下拉菜单,当鼠标放上去后出现一个黑框,点

    2024年02月13日
    浏览(66)
  • 微信小程序开发——使用Vant组件库van-dropdown-menu实现下拉列表切换页面内容

    请先根据官网要求安装好vant组件库并引入相关组件 1、思路 在页面中使用hidden属性判断是否选中当前信息,再隐藏其他所有内容,仅显示所选内容。 2、代码 wxml部分 js部分 3、实际效果(view模块中的内容可以根据实际开发调整)

    2024年02月14日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包