Unity 简单UI框架（二）

最新推荐文章于 2023-05-19 20:48:17 发布
最新推荐文章于 2023-05-19 20:48:17 发布
阅读量547 收藏 4
点赞数 2
分类专栏： Unity3D 文章标签： Unity 框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/n_moling/article/details/103407984
版权

框架整体介绍：

1、UIManager中加载所有UI，存到列表中，使用时实例化到场景，根据类型分层

2、各面板继承BasePanel，自己进行生命周期管理

细节整理：

1、面板属性定义

/*******************************************************************************
* 版本声明：v1.0.0
* 类 名 称：TypeDefine
* 创建日期：2019-12-03 11:17:00
* 作者名称：末零
* 功能描述：定义UI面板属性的枚举
******************************************************************************/

namespace LastZero
{
    /// <summary>
    /// 面板类型
    /// </summary>
    public enum PanelType
    {
        Normal,  //普通UI
        Fixed,   //固定窗口（例：Top）
        PopUp    //弹出
    }

    /// <summary>
    /// 显示类型
    /// </summary>
    public enum PanelShowType
    {
        DoNothing,      //无操作
        HideOther,      //关闭其他界面
        SelfControl,    //不受HideOther影响
        DoBack          //返回功能
    }

    /// <summary>
    /// 遮罩类型
    /// </summary>
    public enum PanelMaskType
    {
        None,   //显示该界面不包含碰撞背景
        NoBg,   //碰撞透明背景
        WithBg, //碰撞非透明背景
    }
}

2、面板属性设置

/*******************************************************************************
* 版本声明：v1.0.0
* 类 名 称：UIType
* 创建日期：2019-12-03 11:25:49
* 作者名称：末零
* 功能描述：面板属性
******************************************************************************/

using UnityEngine;

namespace LastZero
{
    /// <summary>
    /// 面板属性
    /// </summary>
    public class UIType : MonoBehaviour
	{
        /// <summary>
        /// UI类型
        /// </summary>
        public PanelType panelType = PanelType.Normal;
        /// <summary>
        /// UI显示类型
        /// </summary>
        public PanelShowType showType = PanelShowType.DoNothing;
        /// <summary>
        /// UI遮罩类型
        /// </summary>
        public PanelMaskType maskType = PanelMaskType.None;

        /// <summary>
        /// 设置
        /// </summary>
        /// <param name="pt">UI类型</param>
        /// <param name="pst">UI显示类型</param>
        /// <param name="pmt">UI遮罩类型</param>
        public void SetType(PanelType pt, PanelShowType pst, PanelMaskType pmt)
        {
            panelType = pt;
            showType = pst;
            maskType = pmt;
        }
    }
}

 3、系统定义（路径定义为例）

/*******************************************************************************
* 版本声明：v1.0.0
* 类 名 称：PathDefine
* 创建日期：2019-12-03 11:30:02
* 作者名称：末零
* 功能描述：路径常量定义
******************************************************************************/

namespace LastZero
{
    /// <summary>
    /// 路径常量定义
    /// </summary>
    public class PathDefine
	{
        public const string canvasPath = "UIPrefabs/Canvas/MainCanvas";//Canvas路径
        public const string panelPath = "UIPrefabs/Panels";//面板预制体路径
        public const string maskPanelPath = "PopUp/MaskPanel";//遮罩面板Hierarchy路径
    }
}

4、记录器

/*******************************************************************************
* 版本声明：v1.0.0
* 类 名 称：Recorder
* 创建日期：2019-12-05 16:47:01
* 作者名称：末零
* 功能描述：记录器
******************************************************************************/

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

namespace LastZero
{
    /// <summary>
    /// 记录器
    /// </summary>
    public class Recorder
	{
		
	}
}

下面重点说下基类和UI管理类：

5、BasePanel

首先自己定义面板属性，

生命周期：

（1）Init，相当于Awake，在面板被实例化的时候执行一次

（2）OnShow、OnHide，相当于OnEnable和OnDisable

没有做其它生命周期

接下来呢，面板自身定义Show和Hide方法，此处采用Scale控制

对于Show，特殊说明一下，因为第一次使用面板时，需要实例化，所以此处需有判断，若未实例化，则实例化，删除列表中的面板，加入实例化出的新面板，显示时通过属性判断，设置层，设置类型。对于Hide呢，主要需要判断是否需要关闭Mask。

代码如下：

/*******************************************************************************
* 版本声明：v1.0.0
* 类 名 称：BasePanel
* 创建日期：2019-12-03 11:14:13
* 作者名称：末零
* 功能描述：面板基类
******************************************************************************/

using UnityEngine;
using UnityEngine.UI;

namespace LastZero
{
    /// <summary>
    /// 面板基类
    /// </summary>
    public class BasePanel : MonoBehaviour
	{
        #region 面板属性
        /// <summary>
        /// 面板属性
        /// </summary>
        private UIType uiType = new UIType();

        /// <summary>
        /// 属性(程序集)_当前Panel类型
        /// </summary>
        internal UIType CurrentUIType
        {
            set { uiType = value; }
            get { return uiType; }
        }
        #endregion

        #region 面板显示

        /// <summary>
        /// 面板
        /// </summary>
        private BasePanel panel;

        /// <summary>
        /// 显示面板
        /// </summary>
        public BasePanel Show()
        {
            panel = this;
            if (transform.parent == null)
            {
                panel = InstantiatePanel();
            }
            else
            {
                SetShowType(this);
            }
            transform.localScale = Vector3.one;

            //如果是弹出面板 设置遮罩
            if (panel.uiType.panelType == PanelType.PopUp)
                SetMask();

            OnShow();
            return panel;
        }

        /// <summary>
        /// 实例化面板
        /// </summary>
        public BasePanel InstantiatePanel()
        {
            BasePanel newPanel = Instantiate(this);
            newPanel.Init();
            UIManager.GetInstance().Panels.Remove(this);
            UIManager.GetInstance().Panels.Add(newPanel);
            newPanel.transform.SetParent(UIManager.GetInstance().GetCanvas().Find(newPanel.CurrentUIType.panelType.ToString()), false);
            newPanel.gameObject.SetActive(true);
            SetShowType(newPanel);
            return newPanel;
        }

        /// <summary>
        /// 初始化（相当于Awake）
        /// </summary>
        protected virtual void Init()
        {
            SetPanelType();
        }

        /// <summary>
        /// 设置面板类型
        /// </summary>
        protected virtual void SetPanelType(){ }

        /// <summary>
        /// 设置显示类型
        /// </summary>
        /// <param name="panel"></param>
        private void SetShowType(BasePanel panel)
        {
            if (panel.CurrentUIType.showType == PanelShowType.HideOther)
            {
                for (int i = 0; i < UIManager.GetInstance().Panels.Count; i++)
                {
                    if (UIManager.GetInstance().Panels[i].transform.parent != null && UIManager.GetInstance().Panels[i].CurrentUIType.showType != PanelShowType.SelfControl)
                        UIManager.GetInstance().Panels[i].Hide();
                }
            }
            else if (panel.CurrentUIType.showType == PanelShowType.DoBack)
            {
                UIManager.GetInstance().panelsDoBack.Push(panel);
            }
        }

        /// <summary>
        /// 设置遮罩
        /// </summary>
        private void SetMask()
        {
            Image mask = UIManager.GetInstance().GetCanvas().Find(PathDefine.maskPanelPath).GetComponent<Image>();

            switch (panel.uiType.maskType)
            {
                case PanelMaskType.None:
                    mask.gameObject.SetActive(false);
                    break;
                case PanelMaskType.NoBg:
                    mask.gameObject.SetActive(true);
                    mask.color = new Color(1, 1, 1, 0);
                    break;
                case PanelMaskType.WithBg:
                    mask.gameObject.SetActive(true);
                    mask.color = new Color(1, 1, 1, 1);
                    break;
            }
        }

        /// <summary>
        /// 显示时要执行的方法
        /// </summary>
        protected virtual void OnShow() { }
        #endregion

        #region 面板隐藏
        /// <summary>
        /// 隐藏面板
        /// </summary>
        public void Hide()
        {
            transform.localScale = Vector3.zero;

            if (uiType.panelType == PanelType.PopUp)
                UIManager.GetInstance().GetCanvas().Find(PathDefine.maskPanelPath).gameObject.SetActive(false);

            OnHide();
        }

        /// <summary>
        /// 隐藏时要执行的方法
        /// </summary>
        protected virtual void OnHide() { }
        #endregion

        #region 获取面板
        /// <summary>
        /// 获取组件
        /// </summary>
        /// <typeparam name="T">组件</typeparam>
        /// <param name="path">路径</param>
        /// <returns></returns>
        public T GetMyComponent<T>(string path)
        {
            return transform.Find(path).GetComponent<T>();
        }
        #endregion
    }
}

6、UIManager

首先，加载Canvas，加载所有面板存储，在管理类中进行界面显隐（此处做特殊说明，面板通过类来存储，显示隐藏时由泛型查找），另外界面的回退也再次通过栈来控制。

/*******************************************************************************
* 版本声明：v1.0.0
* 类 名 称：UIManger
* 创建日期：2019-12-03 13:25:17
* 作者名称：末零
* 功能描述：UI管理类
******************************************************************************/

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

namespace LastZero
{
    /// <summary>
    /// UI管理类
    /// </summary>
    public class UIManager
	{
        /// <summary>
        /// 构造
        /// </summary>
        private UIManager()
        {
            InitRootCanvasLoading();
            AddAllPanel(PathDefine.panelPath);
        }

        #region 单例
        private static UIManager _instance = null;

        /// <summary>
        /// 单例
        /// </summary>
        /// <returns></returns>
        public static UIManager GetInstance()
        {
            if (_instance == null)
            {
                _instance = new UIManager();
            }
            return _instance;
        }
        #endregion

        #region Canvas、Panels
        /// <summary>
        /// Canvas
        /// </summary>
        private Transform canvas = null;

        /// <summary>
        /// 初始化加载Canvas预设
        /// </summary>
        private void InitRootCanvasLoading()
        {
            canvas = Object.Instantiate(Resources.Load<Transform>(PathDefine.canvasPath));
        }

        /// <summary>
        /// 获取Canvas
        /// </summary>
        /// <returns>canvas</returns>
        public Transform GetCanvas()
        {
            if (canvas == null)
                canvas = Object.FindObjectOfType<MainCanvas>().transform;

            return canvas;
        }

        /// <summary>
        /// 面板列表
        /// </summary>
        //private List<BasePanel> panelsNotInstantiate = new List<BasePanel>();
        private List<BasePanel> panels = new List<BasePanel>();

        /// <summary>
        /// 面板访问器
        /// </summary>
        public List<BasePanel> Panels
        {
            get { return panels; }
        }

        /// <summary>
        /// 添加面板到列表
        /// </summary>
        /// <param name="panel">面板</param>
        public void AddAllPanel(string path)
        {
            panels.AddRange(Resources.LoadAll<BasePanel>(path));
        }

        /// <summary>
        /// 有返回功能的面板
        /// </summary>
        public Stack<BasePanel> panelsDoBack = new Stack<BasePanel>();

        /// <summary>
        /// 返回上一个页面
        /// </summary>
        public void DoBack()
        {
            panelsDoBack.Pop().Hide();
            panelsDoBack.Peek().Show();
        }
        #endregion

        #region 面板显隐
        /// <summary>
        /// 显示面板
        /// </summary>
        /// <typeparam name="T">面板</typeparam>
        /// <returns>PanelBase</returns>
        public T ShowPanel<T>() where T : BasePanel
        {
            BasePanel panel = panels.Find(p => p is T);
            return ShowPanel(panel) as T;
        }

        /// <summary>
        /// 显示面板
        /// </summary>
        /// <param name="panel">面板</param>
        /// <returns>PanelBase</returns>
        private BasePanel ShowPanel(BasePanel panel)
        {
            if (panel == null)
                return null;

            return panel.Show();
        }

        /// <summary>
        /// 隐藏面板
        /// </summary>
        /// <typeparam name="T">面板</typeparam>
        /// <returns>PanelBase</returns>
        public T HidePanel<T>() where T : BasePanel
        {
            BasePanel panel = panels.Find(p => p is T);
            HidePanel(panel);
            return panel as T;
        }

        /// <summary>
        /// 隐藏面板
        /// </summary>
        /// <param name="panel">面板</param>
        /// <returns>PanelBase</returns>
        private static void HidePanel(BasePanel panel)
        {
            if (panel == null)
                return;

            panel.Hide();
        }

        /// <summary>
        /// 获取面板
        /// </summary>
        /// <typeparam name="T">面板</typeparam>
        /// <returns>PanelBase</returns>
        public T GetPanel<T>() where T : BasePanel
        {
            BasePanel panel = panels.Find(p => p is T);

            return panel as T;
        }
        #endregion
    }
}

至此，框架基本就搭建完了，但是 ，涉及到UI界面与3维物体的交互，不打算采用消息传递机制，后面会继续研究，也会有其他方面的扩展。

返回目录

末零
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
Unity UI 框架
01-08
自己写的一套UI框架，基于 MVC， UGUI、NGUI 都可使用，跟使用哪种 UI 插件无关
Unity UI框架
07-20
一个还不错的UI框架。
Unity UI框架
熊思雨的博客
02-21 3292
最近在各大网站看了一下 Unity3d 的 UI 框架，各种 UI 框架已经有很多的版本了，各有千秋，有的功能虽然写的完善，但用起来太复杂，有的框架功能不完善，搞个课程就上架了，还有什么 MVC 框架，绕来绕去的看的头都大了，这些根本不想用。于是我自己就写了一个 UI 框架，只有两个脚本，不用向 UI 预制体上挂载脚本，所有的组件访问都可以通过 UIManager 来控制，常用的几个方法：显示界面，关闭界面，查找子物体，就这么多。
基于Unity3D简单UI框架
07-14
基于Unity3D和NGUI实现的简单的UI框架，实现内容如下 1.加载，显示，隐藏，关闭页面，根据标示获得相应界面实例 2.提供界面显示隐藏动画接口 3.单独界面层级，Collider，背景管理 4.根据存储的导航信息完成界面导航 5.界面通用对话框管理(多类型Message Box) 6.便于进行需求和功能扩展(比如，在跳出页面之前添加逻辑处理等) 由于package中包含了NGUI3.6.7版本所以比较大~ 介绍文章如下：http://blog.csdn.net/fredomyan/article/details/46879203
一套完整的UnityUI框架、可用于实际开发
03-20
一套完整的UnityUI框架、可用于实际开发。经过本人开发的考验
unity简单ui框架
12-02
unity简单ui框架,简化代码。
Unity简易UI框架
05-14
Unity简易UI框架,内附百度云视频代码连接,如果链接失效请及时告知.
unity-UI框架包.rar
12-27
unity UI框架Demo 含有：教学资源和UML框架图和一个简单示例，主要提供为大家提供一个思路 如果有疑惑欢迎在下面评论或来找我一起探讨
unity ui框架
12-12
unity的ui框架视频教程，适合已经学会unity但是还没自己ui框架的同学学习.
Unity UI框架思路与实现
qq_21315789的博客
07-04 6056
UI框架是独立于具体项目的，一个项目的框架可以在另一个类似项目中使用。同时新增UI时也能容易进行扩展。
Unity的基本UI框架
02-27
Unity UI的基本框架，待有关卡的那种，挺好用的，初学者可以试一下
Unity的UI框架
ht_game的博客
10-03 3733
含义：UI框架用于管理场景中所有的面板，负责控制面板之间的跳转。
Unity--UI框架
qq_62947569的博客
05-19 2417
UI框架
Unity 简单UI框架（一）
末零 的博客
12-05 764
首先呢，目前我不是做游戏的，该框架主要为平时虚拟仿真项目开发过程中使用，也没有复杂的东西，只能适用于小项目开发。 项目开发过程中呢，总要有一些积累，前面的工具整理还未完成，后面会不断扩展更新，在这里先把最基础的UI框架整理一下。 框架整体呢，每个Panel挂载继承UI基类的脚本，以此来驱动整个框架，UIManager作为中枢，进行调配。 类似于网上的大部分UI框架，都是这么个模式，只要参考了...
Unity实现一个简单易用的UI框架
游戏开发、游戏引擎开发、逆向破解爱好者
10-27 737
1、面板管理类 using System.Collections; using System.Collections.Generic; using UnityEngine; public class PanelMgr:MonoBehaviour { //单例 public static PanelMgr instance; //画板 private GameObject canvas; //面板队列，记录已经打开的界面 public List<PanelBase> dict.
Unity基础UI框架
qq_42883222的博客
06-16 4780
序 大学学了那么久的unity，正觉得要进入佳境，学完设计模式以后已经有可能完成大多数需求的能力（自己给自己的需求），结果鹅厂要求的ue竟是和unity的编程方式一点也不一样。而且从unity诞生的时间结点来看-------比虚幻4晚，也就说明其C#编程的思想是C++的升级版，C++必然向后兼容，但是C#肯定没必要向后兼容。现在还没有开始系统学习ue，可能开始之后就会很想念unity了。 目的 这只是针对大家做一些小游戏的时候可能用到的UI框架，主要目的在于： 不需要在Scene面板提前创建好UI，界面看
unity 简单易懂的ui框架
weixin_43757333的博客
03-02 4441
c# 属性: public int Id { get; private set; } 说明Id这个属性在其所在的类外被调用时，只能获取它的值而不能设置它的值 这些文件的路径随后需要通过代码进行获取： UIType.cs using System.Collections; using System.Collections.Generic; using UnityEngine; public class UIType { public string Name { get; private set;
Unity的UI的简单框架
qq_42611813的博客
11-26 228
UI的简单框架 json文件： { "infoList": [ { "panelTypeString":"MainMenu", "path":"Prefab/UI/MainMenuPanel" }, { "panelTypeString":"Character", "path":"Prefab/UI/CharacterPanel" }, { "panelTypeString":"Bag", "path":"Prefab/UI/BagPanel" }, { "panelTypeString":"Task",
Unity精简的UI框架
u012527305的博客
03-26 332
UIManager.cs UI管理类 using System.Collections; using System.Collections.Generic; using UnityEngine; using System; using Valve.VR; /// <summary> /// UI管理器（单例）用于管理界面的打开、隐藏、删除等操作 /// </summary&g...
unity ui框架下载简易框架
最新发布
09-07
Unity UI框架是一种用于创建用户界面（UI）的工具集和组件集合。它提供了丰富的UI元素和功能，可以帮助开发者轻松地构建交互性和可视化的界面。 Unity UI框架可以通过Unity Asset Store进行下载。打开Unity编辑器，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

末零

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值