Unity Toggle组制作菜单及菜单栏移动和二级菜单实现！

---

本文提供详细教程 记录遇到的难点并帮助同行的朋友们 坚持以最简单的方法传授和把更好的阅读体验带给你们！

---

---

一：效果一

一：在新场景创建对象，添加Toggle按钮对象

二：设置Toggle 属性



三：不需要任何代码，即可实现

---

---

二：效果二

---

效果图

1:在效果一的基础上修改

2：添加的Toggle，当作是控制菜单栏滑出滑入的按钮

3：创建控制滑动的脚本

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

public class BG_Move : MonoBehaviour
{
    public static BG_Move bG_Move;
    public Toggle Switch;
    public Toggle[] toggles;
    public Transform ToggleBtns;

    private void Awake()
    {
        bG_Move = this;
        Switch = transform.Find("Switch").GetComponent<Toggle>();
        toggles = transform.Find("ToggleBtns").GetComponentsInChildren<Toggle>();
        ToggleBtns = transform.Find("ToggleBtns");
    }
    void Start()
    {

        #region 暂时未发现有何用
        foreach (var item in toggles)
        {
            item.onValueChanged.AddListener(value =>
            {
                item.transform.GetChild(0).GetComponent<Image>().enabled = !value;
                if (value) { }
            });
        } 
        #endregion

        Switch.onValueChanged.AddListener(vaule =>
        {
            Switch.transform.GetChild(0).GetComponent<Image>().enabled = !vaule;
            if (vaule) //为true，显示
            {
                ToggleBtns.DOLocalMoveY(-485,0.2f);
            }
            else  //收起，隐藏
            {
                ToggleBtns.DOLocalMoveY(-600, 0.2f);
            }

        });
    }
}

2:挂载脚本即可实现！

---

---

三：效果三

效果展示

1：在效果2d的基础上修改

2：添加脚本，控制一级菜单点击后做出的事件反馈

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

public class TogglesBtnGMR : MonoBehaviour
{
    public static TogglesBtnGMR togglesBtnGMR;
    public Toggle[] toggles;

    private void Awake()
    {
        togglesBtnGMR = this;
        toggles = GetComponentsInChildren<Toggle>();

    }
    void Start()
    {
        foreach (var item in toggles)
        {
            item.onValueChanged.AddListener(vaule =>
            {
                if (vaule) //点击的是本按钮，执行的操作
                {
                    switch (item.name)
                    {
                        case "01":
                            print("点击了第一个按钮");
                            break;
                        case "02":
                            print("点击了第二个按钮");
                            break;
                        case "03":
                            print("点击了第三个按钮");
                            break;
                        case "04":
                            print("点击了第四个按钮");
                            break;
                        case "05":  //按钮带有二级菜单，显示二级菜单
                            print("点击了第五个按钮");
                            TwoToggleControll.twoToggleControll.transform.localScale = Vector3.one;
                            //第一次选择，把第一个的Toggle 的IsOn 设置ture;
                            TwoToggleControll.twoToggleControll.toggles[0].isOn = true;
                            break;

                        default:
                            break;
                    }
                }
                else  //如果点击不是本按钮，可做一些事件操作
                {
                    switch (item.name)
                    {
                        case "01":
                            print("释放按钮事件或其他操作01");
                            break;
                        case "02":
                            print("释放按钮事件或其他操作02");
                            break;
                        case "03":
                            print("释放按钮事件或其他操作03");
                            break;
                        case "04":
                            print("释放按钮事件或其他操作04");
                            break;
                        case "05":
                            print("释放按钮事件或其他操作05");//点击非05按钮时，隐藏二级菜单
                            TwoToggleControll.twoToggleControll.transform.localScale = new Vector3(0,1,1);
                            //关闭所有Toggle 的IsOn 状态
                            TwoToggleControll.twoToggleControll.GetComponent<ToggleGroup>().SetAllTogglesOff(); 
                            break;
                        default:
                            break;
                    }
                }
            });
        }
    }
}

3：也要为二级菜单添加相应的点击事件反馈脚本

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

public class TwoToggleControll : MonoBehaviour
{
    public static TwoToggleControll twoToggleControll;
    public Toggle[] toggles;

    private void Awake()
    {
        twoToggleControll = this;
        toggles = GetComponentsInChildren<Toggle>();
    }
    void Start()
    {
        
    }

    void Update()
    {
        
    }
}

4：运行即可实现效果

---

四：此Demo下载 ------>

Toggle 组实现菜单栏Demo

---

---

拥有自己的服务器 让开发工作不再难

---

MyBe

阿里云 —ESC服务器部署和搭建购买方式（图文并排，一目了然）

一键领取阿里全产品2000元优惠券大礼包 (新手必得享超值优惠)

---

本博客为非营利性个人原创 所刊登的所有作品的著作权均为本人所拥有 本人保留所有法定权利,违者必究! 对于需要复制、转载、链接和传播博客文章或内容的 请及时和本博主进行联系，留言，Email: ChinazJacob@163.com ———————————————————————————————— 版权声明：对于经本博主明确授权和许可使用文章及内容的 使用时请注明文章或内容出处并注明网址 转载请附上原文出处链接及本声明。