当前位置：网站首页>Unity3D邪门实现之GUI下拉菜单Dropdown设计无重复项

Unity3D邪门实现之GUI下拉菜单Dropdown设计无重复项

2022-06-25 06:39:00 【mudapao】

** Unity3D邪门实现系列为博主在实际开发过程中遇到一些需求，由于个人水平无法正经实现退而采用“歪道”实现同样的效果。**
该系列仅用于分享思路，若有错误或“多此一举”的地方，也请大家多多指正。

【总结】

利用按钮和下拉菜单结合的形式，点击按钮显示下拉菜单，实现菜单控制的同时没有重复项。

【具体流程】

U3D使用dropdown制作菜单效果，会出现菜单标题和项目重复的问题。即使更改了label，在运行时也会变为默认的第一个选项。
创建菜单dropdown，菜单作为标题又作为选项重复

博主查了看了很多文章，主要是在菜单的样式上玩花样，没有提到这个重复的问题。因此决定采用与按钮控件配合的形式，将菜单标题和选项分开，只需轻松几步，即可换种方法“消除”重复项。

1.在项目中创建canvas画布，在canvas中创建菜单空对象方便管理，再在菜单对象中选择创建UI–button和UI–dropdown，根据需求编写dropdown的options。隐藏dropdown的label和arrow。
一定按照图中顺序放置
2.将dropdown控件拖到button上与button重合，修改button控件的文本为“菜单”。若菜单设计有颜色，注意按钮的颜色更改为透明，与环境融合。在button属性中增加鼠标点击事件，将dropdwon选为控制对象，Runtime only旁边的选择dropdown–show()。此时点击按钮即可展示菜单项目。
在这里插入图片描述

在这里插入图片描述

3.接下来可按照常规绑定脚本的方式对dropdown选项进行事件监听和反应。创建一个Script文件夹用于管理脚本，并在文件夹中创建menu脚本。并在menu脚本中编辑以下代码（case下可替换为相应反应事件）：

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

public class Menu : MonoBehaviour
{
    //实现多个菜单监听
    public List<Dropdown> DropdownList;

    public void EventListening()
    {
        switch (DropdownList[0].value)
        {
            case 0:
                Debug.Log("宫爆鸡丁做好了");
                break;
            case 1:
                Debug.Log("麻婆豆腐做好了");
                break;
            case 2:
                Debug.Log("鱼香肉丝做好了");
                break;
            case 3:
                Debug.Log("水煮肉片做好了");
                break;
            default:
                break;
        }
    }
}

4.点击菜单对象，创建空对象，命名为MenuControl，并将刚刚创建的脚本拖入该对象中。
在这里插入图片描述

拖入脚本后会显示脚本中定义的变量，List为菜单的数量，可自由设置。这里设置为1，并将元素0设置为刚刚创建的菜单_dropdown。这一步主要为了以后扩展菜单管理用。
在这里插入图片描述

5.选中菜单_dropdown，点击值改变时底下的+号，将MenuControl选为控制对象（或者直接拖拽过去），Runtime Only旁选择Menu–Eventlistening，即可实现下拉菜单选项的反应事件。（多个菜单就在Menu脚本中再创建相应的listening函数）
在这里插入图片描述