Unity 简单UI框架

已于 2024-01-29 14:53:12 修改
阅读量447 收藏 9
点赞数 7
文章标签： unity ui c#
于 2024-01-29 14:52:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62197239/article/details/135912217
版权

简介：

1，通过Resources.Load加载

2，使用字典进行缓存

3，使用重载进行动静分离，创建新画布。

4，单例模式

5，核心功能：（1）打开面板 （2）关闭面板  （3）检测配置路径  （4）检测缓存

UIManager.cs

​
//框架使用说明
//在UIConst中定义要加载预制体的名字。
//在InitDicts的pathDict进行配置路径
//需要配置路径和面板名称
//在任何地方调用UIManager.Instance.OpenPanel("PanelName", true)即可
//第一个参数是面板名称，第二个参数表示是否创建一个新的动态画布用于作为面板的根节点
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class UIManager
{
    private static UIManager _instance;
    private Transform _uiRoot;
    // 路径配置字典
    private Dictionary<string, string> pathDict;
    // 预制件缓存字典
    private Dictionary<string, GameObject> prefabDict;
    // 已打开界面的缓存字典
    public Dictionary<string, BasePanel> panelDict;
    public static UIManager Instance
    {
        get
        {
            if (_instance == null)
            {
                _instance = new UIManager();
            }
            return _instance;
        }
    }

    public Transform UIRoot
    {
        get
        {
            if (_uiRoot == null)
            {
                _uiRoot = GameObject.Find("StaticCanvas").transform;
                return _uiRoot;
            };
            return _uiRoot;
        }
    }
    private UIManager()
    {
        InitDicts();
    }
    /// <summary>
    /// 初始化字典。预制体字典用于缓存，面板字典用于检测面板是否打开，路径面板用于配置路径。
    /// </summary>
    private void InitDicts()
    {
        prefabDict = new Dictionary<string, GameObject>();
        panelDict = new Dictionary<string, BasePanel>();

        pathDict = new Dictionary<string, string>()
        {
            {UIConst.Start_Panel,"Start/Start_Panel" },
            {UIConst.Start_Panel_1,"Start/Start_Panel_1" },
            {UIConst.Start_Panel_2,"Start/Start_Panel_2" },
            {UIConst.Start_Panel_3,"Start/Start_Panel_3" },
            {UIConst.Start_Panel_4,"Start/Start_Panel_4" },
            {UIConst.Start_Panel_5,"Start/Start_Panel_5" },
            {UIConst.Start_Panel_6,"Start/Start_Panel_6" },
            {UIConst.Start_Panel_7,"Start/Start_Panel_7" },
            {UIConst.Start_Panel_8,"Start/Start_Panel_8" },
            {UIConst.Start_Panel_9,"Start/Start_Panel_9" },
            {UIConst.Start_Panel_10,"Start/Start_Panel_10" },
            {UIConst.Main_Panel,"Main_Panel" },
            {UIConst.Zha_Ying_Panel,"Zha_Ying_Panel" },
            {UIConst.Troops_Panel,"Troops_Panel" },
            {UIConst.Chracter_Panel,"Chracter_Panel" },
            {UIConst.Item_Panel,"Item_Panel" },
            {UIConst.JiLu_Panel,"JiLu_Panel" },
            {UIConst.DuDang_Panel,"Start/DuDang_Panel" }

        };
    }

    /// <summary>
    /// 打开面板。第一个参数为面板名字，第二个参数是面板是否位于动态面板，如果没有则创建一个动态面板。使用字典判断该面板是否已经打开。根据配置路径找到面板，配置路径不正确，会Debug.LogError
    /// </summary>
    /// <param name="name"></param>
    /// <param name="isDynamicCanvas"></param>
    /// <returns></returns>
    public BasePanel OpenPanel(string name, bool isDynamicCanvas)
    {
        BasePanel panel = null;
        // 检查是否已打开
        if (panelDict.TryGetValue(name, out panel))
        {
            Debug.LogError("界面已打开: " + name);
            return null;
        }

        // 检查路径是否配置
        string path = "";
        if (!pathDict.TryGetValue(name, out path))
        {
            Debug.LogError("界面名称错误，或未配置路径: " + name);
            return null;
        }

        // 使用缓存预制件
        GameObject panelPrefab = null;
        if (!prefabDict.TryGetValue(name, out panelPrefab))
        {
            string realPath = "Prefab/" + path;
            //使用Resources.Load动态加载
            panelPrefab = Resources.Load<GameObject>(realPath) as GameObject;
            if (panelPrefab.GetComponent<BasePanel>() == null)
                panelPrefab.AddComponent<BasePanel>();
            prefabDict.Add(name, panelPrefab);
        }
        GameObject panelObject;
        if (isDynamicCanvas == true)
        {
            Canvas canvas;
            GameObject DynamicCanvas = GameObject.Find("DynamicCanvas");
            if (DynamicCanvas == null)
            {
                //创建动态画布画布
                GameObject canvasGo = new GameObject("DynamicCanvas");
                canvas = canvasGo.AddComponent<Canvas>();
                canvas.renderMode = RenderMode.ScreenSpaceOverlay;
                canvasGo.AddComponent<CanvasScaler>();
                canvasGo.AddComponent<GraphicRaycaster>();
                panelObject = GameObject.Instantiate(panelPrefab, canvas.transform, false);
            }
            else
            {
                panelObject = GameObject.Instantiate(panelPrefab, DynamicCanvas.transform, false);
            }
        }
        else
        {
            panelObject = GameObject.Instantiate(panelPrefab, UIRoot, false);
        }
        // 打开界面
        panel = panelObject.GetComponent<BasePanel>();
        panelDict.Add(name, panel);
        panel.OpenPanel(name);
        return panel;
    }
    /// <summary>
    /// 关闭面板。参数是面板名字。查看字典该面板没有打开就return，否则关闭该面板。
    /// </summary>
    /// <param name="name"></param>
    /// <returns></returns>
    public BasePanel OpenPanel(string name)
    {
        OpenPanel(name, false);
        return null;
    }
    public bool ClosePanel(string name)
    {
        BasePanel panel = null;
        if (!panelDict.TryGetValue(name, out panel))
        {
            Debug.LogError("界面未打开: " + name);
            return false;
        }

        panel.ClosePanel();
        //panelDict.Remove(name);不移除缓存 合适的时候移除
        return true;
    }

    public void ShowTip(string tip)
    {
        //  MenuTipPanel menuTipPanel = OpenPanel(UIConst.MenuTipPanel) as MenuTipPanel;
        //  menuTipPanel.InitTip(Globals.TipCreateOne);
    }
}
/// <summary>
/// 该结构体用于存储面板名字
/// </summary>
public struct UIConst
{
    // menu panels
    public const string Start_Panel = "Start_Panel";
    public const string Start_Panel_1 = "Start_Panel_1";
    public const string Start_Panel_2 = "Start_Panel_2";
    public const string Start_Panel_3 = "Start_Panel_3";
    public const string Start_Panel_4 = "Start_Panel_4";
    public const string Start_Panel_5 = "Start_Panel_5";
    public const string Start_Panel_6 = "Start_Panel_6";
    public const string Start_Panel_7 = "Start_Panel_7";
    public const string Start_Panel_8 = "Start_Panel_8";
    public const string Start_Panel_9 = "Start_Panel_9";
    public const string Start_Panel_10 = "Start_Panel_10";
    public const string Main_Panel = "Main_Panel";

    public const string Zha_Ying_Panel = "Zha_Ying_Panel";
    public const string Troops_Panel = "Troops_Panel";
    public const string Chracter_Panel = "Chracter_Panel";
    public const string Item_Panel = "Item_Panel";
    public const string JiLu_Panel = "JiLu_Panel";
    public const string DuDang_Panel = "DuDang_Panel";
}

​

BasePanel.cs

using UnityEngine;

public class BasePanel : MonoBehaviour
{
    protected bool isRemove = false;
    protected new string name;
    public virtual void SetActive(bool active)
    {
        gameObject.SetActive(active);
    }
    //打开面板
    public virtual void OpenPanel(string name)
    {
        this.name = name;
        SetActive(true);
    }
    //按钮事件打开面板
    public virtual void OpenNewPanel(string name)
    {
         UIManager.Instance.OpenPanel(name);
    }
    //关闭面板
    public virtual void ClosePanel()
    {
        isRemove = true;
        SetActive(false);
        Destroy(gameObject);
        if (UIManager.Instance.panelDict.ContainsKey(name))
        {
            UIManager.Instance.panelDict.Remove(name);
        }
    }
}

码穿地球
关注
  • 7
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity实现基于UGUI的简易UI框架
Leeyoung(●'◡'●)
04-26 9442
Unity实现基于UGUI的简易UI框架 什么是UI框架？ UI框架中的 UIManager 管理场景中所有的面板, 控制面板之间的跳转. 本Demo实现以下功能: 关闭当前页面 显示新的页面 叠加显示 关闭当前页面并显示 关闭所有页面并显示 安卓返回键响应 返回上一个页面 退出程序 设计UI页面 先搭建好所有的UI界面, 并保存为prefab ...
Unity3D一套简单的UI自动实现框架
11-20
该资源实现了一套UI框架，对于想学习框架的小盆友可以下载学习
Unity简易UI框架
05-14
Unity简易UI框架,内附百度云视频代码连接,如果链接失效请及时告知.
一套完整的UnityUI框架、可用于实际开发
03-20
一套完整的UnityUI框架、可用于实际开发。经过本人开发的考验
Unity3D UI框架的设计架构与编码实现详解
最新发布
voidinit的专栏
06-26 974
在设计Unity3D UI框架时，我们可以借鉴MVC（Model-View-Controller）的设计思想，将UI系统划分为模型（Model）、视图（View）和控制器（Controller）三个主要部分。最后，我们定义一个资源管理器的基类，用于加载和管理UI资源。接下来，我们定义一个事件系统的基类，用于处理UI界面之间的事件传递和交互。下面将给出Unity3D UI框架的编码实现示例，包括UI管理器、事件系统和资源管理器的实现。首先，我们定义一个UI管理器的基类，用于管理UI界面的加载、卸载和显示。
基于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
Unity组件开发--UI管理器
一个人的夏天
01-10 1289
5.上面这个json文件中的path，对应的就是UI预设体的名字：由于我们的UI预制体都是用AB包的方式加载的，就都放在BundleAsset文件夹中。4.所有的UI界面预设体都用一个json文本管理起来：UIPanelType。2.画布下其他节点类型：用于不同界面类型的管理归类window类型。（4）画布下挂载两个脚本：UIRoot和UIManager。7.然后所有UI类脚本必须继承的基类：BasePanel。（2）创建一个UICamera节点，管理相机。（1）渲染模式是：屏幕空间相机。
unity简易ui框架
diaodengzhi0861的博客
07-23 137
在unity项目开发中，ui模块的开发往往占据了很大一部分工作，部分游戏甚至绝大部分的工作都是在ui上，如何高效管理各种界面，这里分享一套高效易用的UI框架。 首先，我们定义一个PanelBase类，作为所有panel的父类，在这个类里，我们可以给panel定义一套生命周期 //初始化 public virtual void Init(){} //开始面...
Unity的UI的简单框架
qq_42611813的博客
11-26 236
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框架
不二
04-09 954
我的心在滴血呢，本来这篇博客都快写完了的，奈何直接浏览器卡死，忘记保存了，之前写好的都没了，太心痛了 最近在抓紧时间学习一下，提升自己的能力，毕竟实力实在太弱了，基础又不好，又没有工作经验，所以开始学着写博客，记录一下自己的学习过程吧，也方便以后查看，如果不记录一下的话，学过的都会忘掉，相当于没有学，这是以前血的教训啊，希望以后翻到现在写的东西，能够有这样的反应：“哇，这写的都是什么呀？太辣眼睛...
Unity 简易UI框架
weixin_40363482的博客
09-23 525
先声明一下，这个简易UI框架是我根据网上的一个UI框架进行修改的阉割版。 原文章地址：http://www.cnblogs.com/LiuGuozhu/p/6416098.html首先编辑基础UI窗体 UIbase脚本：namespace SUIFW { public class UIBase : MonoBehaviour { // 显示状态 pu
Unity UI 框架
01-08
自己写的一套UI框架，基于 MVC， UGUI、NGUI 都可使用，跟使用哪种 UI 插件无关
Unity UI框架
07-20
一个还不错的UI框架。
unity ui框架
12-12
unity的ui框架视频教程，适合已经学会unity但是还没自己ui框架的同学学习.
unity简单ui框架
12-02
unity简单ui框架,简化代码。
Unity 简单Ui框架
04-10
本篇文章将深入探讨Unity中的简单UI框架及其相关知识点。 一、Unity UI系统简介 Unity自4.6版本引入了全新的UI系统，取代了旧的NGUI和uGUI。新UI系统基于Canvas组件，提供了一套完整的UI元素，如文本、按钮、图像、...
Unity3D之搭建简易有效的UI框架
胖胖的橘猫君
04-11 7042
引言：为了小生的三个粉丝，坚持更新。今日分享的是如何搭建自己的UI框架，从而有效管理用户界面。这里主要讲解实现的思想及主要步骤。在此，感谢Siki老师。开发版本：Unity 2017.1.1f1、VS 2017 适合人群：适合有一定基础的童鞋！一、什么是UI框架UI框架用于管理场景中的所有面板，控制面板之间的切换，可以加快开发进度、提高代码质量。二、实现思路根据用户界面调用情况，分析有如下四种状态...
举例一个在unity中实现MVVM模式的ui系统
06-06
在Unity中实现MVVM模式的UI系统，可以使用Unity自带的UI系统uGUI，并结合MVVM框架来实现。以下是一个简单的示例： 1. 创建一个View类，用于显示UI界面，包含需要绑定的UI元素。 ```csharp using UnityEngine; using UnityEngine.UI; public class ExampleView : MonoBehaviour { // 绑定的UI元素 public Text nameLabel; public Text descLabel; // 设置数据 public void SetData(ExampleData data) { nameLabel.text = data.name; descLabel.text = data.desc; } } ``` 2. 创建一个ViewModel类，用于处理UI界面的数据逻辑，包含需要绑定的数据属性和命令。 ```csharp using System.ComponentModel; using UnityEngine; using UnityEngine.UI; public class ExampleViewModel : INotifyPropertyChanged { // 数据属性 private string name; private string desc; public event PropertyChangedEventHandler PropertyChanged; public string Name { get { return name; } set { name = value; NotifyPropertyChanged(nameof(Name)); } } public string Desc { get { return desc; } set { desc = value; NotifyPropertyChanged(nameof(Desc)); } } // 命令 public RelayCommand SaveCommand { get; private set; } public ExampleViewModel() { // 初始化命令 SaveCommand = new RelayCommand(Save); } // 保存数据 private void Save() { // TODO: 保存数据逻辑 } // 通知属性变化 private void NotifyPropertyChanged(string propertyName) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } ``` 3. 创建一个继承自MonoBehaviour的绑定类，用于将View和ViewModel进行绑定，并处理UI元素和数据属性的更新。 ```csharp using UnityEngine; using UnityEngine.UI; public class ExampleBinding : MonoBehaviour { // 绑定的View和ViewModel public ExampleView view; public ExampleViewModel viewModel; private void Start() { // 绑定ViewModel的属性和View的UI元素 view.nameLabel.text = viewModel.Name; view.descLabel.text = viewModel.Desc; // 监听ViewModel的属性变化，更新UI元素 viewModel.PropertyChanged += (sender, args) => { switch (args.PropertyName) { case nameof(ExampleViewModel.Name): view.nameLabel.text = viewModel.Name; break; case nameof(ExampleViewModel.Desc): view.descLabel.text = viewModel.Desc; break; } }; } } ``` 4. 在Unity中创建UI界面，将View和ViewModel绑定到UI元素上。 使用uGUI创建UI界面，并将ExampleView作为子对象添加到UI界面上。在ExampleBinding上将view和viewModel属性分别拖拽到uGUI上绑定的UI元素上。 5. 在代码中使用ViewModel设置数据，并触发UI更新。 ```csharp public class ExampleController : MonoBehaviour { // 绑定类 public ExampleBinding binding; private void Start() { // 设置数据 binding.viewModel.Name = "Example"; binding.viewModel.Desc = "This is an example."; // 更新UI binding.view.SetData(new ExampleData(binding.viewModel.Name, binding.viewModel.Desc)); } } ``` 以上是一个简单的在Unity中实现MVVM模式的UI系统的示例，通过绑定类将View和ViewModel进行绑定，并使用ViewModel处理UI界面的数据逻辑，实现了UI界面和数据的分离。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值