Unity开发——UGUI框架搭建

最新推荐文章于 2024-10-13 13:39:44 发布
原创 最新推荐文章于 2024-10-13 13:39:44 发布 · 1.9k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity

本文档介绍了如何使用Unity 2021.1.14版本的UGUI进行UI框架的搭建，包括UIType、BasePanel、UIManager、PanelManager等核心类的实现，以及如何解决资源路径问题和MissingReferenceException。

Unity：2021.1.14flc1
在B站跟着视频
[Unity编程]这大概是最好理解的UI框架了吧搭建的一个UGUI的框架，处理了一些小问题，参考MissingReferenceException: The object of type ‘GameObject‘ has been destroye
整个框架分层比较乱，而且实际运行的话要根据你在unity工程里面具体的资源放置来修改代码里的资源路径，所以这里主要是给我自己做个记录

UIType.cs

/*
 存储单个UI的信息，包括名字和路径
 */
public class UIType
{
    public string Name { get; private set; }
    public string Path { get; private set; }

    public UIType(string path)
    {
        Path = path;
        Name = path.Substring(path.LastIndexOf('/') + 1);
    }
}

BasePanel.cs

/// <summary>
/// 所有UI面板的父类，包含UI面板的状态信息
/// </summary>
public class BasePanel
{
    /// <summary>
    /// UI信息
    /// </summary>
    public UIType UIType { get; private set; }
    /// <summary>
    /// UI管理工具
    /// </summary>
    public UITool UITool { get; private set; }
    /// <summary>
    /// 面板管理器
    /// </summary>
    public PanelManager PanelManager { get; private set; }
    /// <summary>
    /// UI管理器
    /// </summary>
    public UIManager UIManager { get; private set; }

    public BasePanel(UIType uiType)
    {
        UIType = uiType;
    }

    /// <summary>
    /// 初始化UITool
    /// </summary>
    /// <param name="tool"></param>
    public void Initialize(UITool tool)
    {
        UITool = tool;
    }

    /// <summary>
    /// 初始化面板管理器
    /// </summary>
    /// <param name="panelManager"></param>
    public void Initialize(PanelManager panelManager)
    {
        PanelManager = panelManager;
    }

    /// <summary>
    /// 初始化UI管理器
    /// </summary>
    /// <param name="uiManager"></param>
    public void Initialize(UIManager uiManager)
    {
        UIManager = uiManager;
    }
    /// <summary>
    /// UI进入操作
    /// </summary>
    public virtual void OnEnter() { }
    /// <summary>
    /// UI暂停操作
    /// </summary>
    public virtual void OnPause()
    {
        UITool.GetOrAddComponent<CanvasGroup>().blocksRaycasts = false;
    }
    /// <summary>
    /// UI继续操作
    /// </summary>
    public virtual void OnResume()
    {
        UITool.GetOrAddComponent<CanvasGroup>().blocksRaycasts = true;
    }
    /// <summary>
    /// UI退出操作
    /// </summary>
    public virtual void OnExit()
    {
        UIManager.DestroyUI(UIType);
    }
}

UIManager.cs

/// <summary>
/// //存储所有UI信息，并可以创建或者销毁UI
/// </summary>
public class UIManager
{

    /// <summary>
    /// 存储所有UI信息的字典，每一个UI信息都会对应一个GameObject
    /// </summary>
    private Dictionary<UIType, GameObject> dicUI;

    public UIManager()
    {
        dicUI = new Dictionary<UIType, GameObject>();
    }


    /// <summary>
    /// 获取一个UI对象
    /// </summary>
    /// <param name="type">UI信息</param>
    /// <returns></returns>
    public GameObject GetSingleUI(UIType type)
    {
        GameObject parent = GameObject.Find("Canvas");
        if (!parent)
        {
            Debug.LogError("Canvas不存在，请仔细查找有无这个对象！");
            return null;
        }
        if (dicUI.ContainsKey(type))
            return dicUI[type];
        GameObject ui = GameObject.Instantiate(Resources.Load<GameObject>(type.Path), parent.transform);
        ui.name = type.Name;
        dicUI.Add(type, ui);
        return ui;
    }

    /// <summary>
    /// 销毁一个对象
    /// </summary>
    /// <param name="type">UI信息</param>
    public void DestroyUI(UIType type)
    {
        if (dicUI.ContainsKey(type))
        {
            GameObject.Destroy(dicUI[type]);
            dicUI.Remove(type);
        }
    }
}

PanelManager.cs

/// <summary>
/// 面板管理器，用栈来存储UI
/// </summary>
public class PanelManager
{
    /// <summary>
    /// 存储UI面板的栈
    /// </summary>
    private Stack<BasePanel> stackPanel;

    /// <summary>
    /// UI管理器
    /// </summary>
    private UIManager uiManager;

    private BasePanel panel;

    public PanelManager()
    {
        stackPanel = new Stack<BasePanel>();
        uiManager = new UIManager();
    }

    /// <summary>
    /// UI的入栈操作，此操作会显示一个面板
    /// </summary>
    /// <param name="nextPanel">要显示的面板</param>
    public void Push(BasePanel nextPanel)
    {
        if (stackPanel.Count > 0)
        {
            stackPanel.Peek().OnPause();
        }
        stackPanel.Push(nextPanel);
        GameObject panelGo = uiManager.GetSingleUI(nextPanel.UIType);
        nextPanel.Initialize(new UITool(panelGo));
        nextPanel.Initialize(this);
        nextPanel.Initialize(uiManager);
        nextPanel.OnEnter();
    }

    /// <summary>
    /// UI的出栈操作
    /// </summary>
    public void Pop()
    {
        if (stackPanel.Count > 0)
            stackPanel.Pop().OnExit();
        if (stackPanel.Count > 0)
            stackPanel.Peek().OnResume();
    }

    /// <summary>
    /// 执行所有面板的OnExit()
    /// </summary>
    public void PopAll()
    {
        while (stackPanel.Count > 0)
        {
            stackPanel.Pop().OnExit();
        }
    }
}

MainPanel.cs

/// <summary>
/// Main场景的主面板
/// </summary>
public class MainPanel : BasePanel
{
    static readonly string path = "Prefabs/UI/Panel/MainPanel";

    public MainPanel() : base(new UIType(path)) { }

    public override void OnEnter()
    {
        UITool.GetOrAddComponentInChildren<Button>("Button").onClick.AddListener(() =>
        {
            GameRoot.Instance.SceneSystem.SetScene(new StartScene());
            PanelManager.Pop();
        });
    }
}

StartPanel.cs

/// <summary>
/// 开始主面板
/// </summary>
public class StartPanel : BasePanel
{
    static readonly string path = "Prefabs/UI/Panel/StartPanel 1";

    public StartPanel():base(new UIType(path)){ }

    public override void OnEnter()
    {
        UITool.GetOrAddComponentInChildren<Button>("Button").onClick.AddListener(() =>
        {
            //点击事件可以写在这里
            Debug.Log("按钮被点击了");
            PanelManager.Push(new SettingPanel());
        });
        UITool.GetOrAddComponentInChildren<Button>("Play Button").onClick.AddListener(() =>
        {
            //点击事件可以写在这里
            GameRoot.Instance.SceneSystem.SetScene(new MainScene());
/*            PanelManager.Pop();*/
        });
    }
}

UITool.cs

/// <summary>
/// UI管理工具，包括获取某个子对象组件的操作
/// </summary>
public class UITool
{
    /// <summary>
    /// 当前的活动面板
    /// </summary>
    GameObject activePanel;

    public UITool(GameObject gameObject)
    {
        activePanel = gameObject;
    }

    /// <summary>
    /// 给当前的活动面板获取或添加一个组件
    /// </summary>
    /// <typeparam name="T">组件类型</typeparam>
    /// <returns></returns>
    public T GetOrAddComponent<T>() where T : Component
    {
        if (activePanel.GetComponent<T>() == null)
            activePanel.AddComponent<T>();
        return activePanel.GetComponent<T>();
    }

    /// <summary>
    /// 根据名称查找一个子对象
    /// </summary>
    /// <param name="name"></param>
    /// <returns></returns>
    public GameObject FindChildGameObject(string name)
    {
        Transform[] trans = activePanel.GetComponentsInChildren<Transform>();

        foreach(Transform item in trans)
        {
            if (item.name == name)
            {
                return item.gameObject;
            }
        }

        Debug.LogWarning($"{activePanel.name}里找不到名为{name}的子对象");
        return null;
    }

    /// <summary>
    /// 根据名称获取一个子对象的组件
    /// </summary>
    /// <typeparam name="T">组件类型</typeparam>
    /// <param name="name">子对象的名称</param>
    /// <returns></returns>
    public T GetOrAddComponentInChildren<T>(string name) where T : Component
    {
        GameObject child = FindChildGameObject(name);
        if (child)
        {
            if (child.GetComponent<T>() == null)
                child.AddComponent<T>();

            return child.GetComponent<T>();
        }
        return null;
    }
}

SceneSystem.cs

/// <summary>
/// 场景的状态管理系统
/// </summary>
public class SceneSystem
{
    /// <summary>
    /// 场景状态类
    /// </summary>
    SceneState sceneState;

    /// <summary>
    /// 设置当前场景并进入当前场景
    /// </summary>
    /// <param name="state"></param>
    public void SetScene(SceneState state)
    {
        /*if (sceneState != null)
            sceneState.OnExit();
        sceneState = state;
        if (sceneState != null)
            sceneState.OnEnter();*/
        sceneState?.OnExit();
        Debug.Log("okOnExit" + state.ToString());
        sceneState = state;
        sceneState?.OnEnter();
        Debug.Log("okOnEnter" + state.ToString());
    }
}

SceneState.cs

public abstract class SceneState
{
    /// <summary>
    /// 场景进入时执行的操作
    /// </summary>
    public abstract void OnEnter();

    /// <summary>
    /// 场景退出时执行的操作
    /// </summary>
    public abstract void OnExit();
}

MainScene.cs

/// <summary>
/// Main场景
/// </summary>
public class MainScene : SceneState
{
    readonly string sceneName = "Main";
    PanelManager panelManager;

    public override void OnEnter()
    {
        Debug.Log("Main 的 OnEnter执行了");
        panelManager = new PanelManager();
        if (SceneManager.GetActiveScene().name != sceneName)
        {
            SceneManager.LoadScene(sceneName);
            SceneManager.sceneLoaded += SceneLoaded;
        }
        else
        {
            panelManager.Push(new StartPanel());
            GameRoot.Instance.SetActive(panelManager.Push);

        }
    }

    public override void OnExit()
    {
        SceneManager.sceneLoaded -= SceneLoaded;
        panelManager.PopAll();
    }

    /// <summary>
    /// 场景加载完毕之后执行的方法
    /// </summary>
    /// <param name="scene"></param>
    /// <param name="load"></param>
    private void SceneLoaded(Scene scene, LoadSceneMode load)
    {
        panelManager.Push(new MainPanel());
        GameRoot.Instance.SetActive(panelManager.Push);
        Debug.Log($"{sceneName}场景加载完毕!");
    }
}

StartScene.cs

/// <summary>
/// 开始场景
/// </summary>
public class StartScene : SceneState
{
    readonly string sceneName = "Start";
    PanelManager panelManager;

    public override void OnEnter()
    {
        panelManager = new PanelManager();
        if (SceneManager.GetActiveScene().name != sceneName)
        {
            SceneManager.LoadScene(sceneName);
            SceneManager.sceneLoaded += SceneLoaded;
        }
        else
        {
            panelManager.Push(new StartPanel());
            GameRoot.Instance.SetActive(panelManager.Push);
        }
    }

    public override void OnExit()
    {
        SceneManager.sceneLoaded -= SceneLoaded;
        panelManager.PopAll();
    }

    /// <summary>
    /// 场景加载完毕之后执行的方法
    /// </summary>
    /// <param name="scene"></param>
    /// <param name="load"></param>
    private void SceneLoaded(Scene scene,LoadSceneMode load)
    {
        panelManager.Push(new StartPanel());
        GameRoot.Instance.SetActive(panelManager.Push);
        Debug.Log($"{sceneName}场景加载完毕!");
    }
}

GameRoot.cs

/// <summary>
/// 管理全局的一些东西
/// </summary>
public class GameRoot : MonoBehaviour
{
    public static GameRoot Instance { get; private set; }
    /// <summary>
    /// 场景管理器
    /// </summary>
    public SceneSystem SceneSystem { get; private set; }

    /// <summary>
    /// 显示一个面板
    /// </summary>
    public UnityAction<BasePanel> Push { get; private set; }

    private void Awake()
    {
        if (Instance != null && Instance != this)
        {
            Destroy(this.gameObject);
        }
        else
        {
            Instance = this;
        }
        SceneSystem = new SceneSystem();
        DontDestroyOnLoad(this.gameObject);
        /*if (Instance == null)
            Instance = this;
        else
            Destroy(gameObject);
        Instance = this;
        DontDestroyOnLoad(gameObject);*/
    }

    void Start()
    {
        SceneSystem.SetScene(new StartScene());
    }

    public void SetActive(UnityAction<BasePanel> push)
    {
        Push = push;
    }
}
【Unity3D赛车游戏制作】开始场景搭建——UGUI复合控件Button
秩沅
10-09 829
UGUI复合控件Button
Unity通用框架搭建（九）—— UI交互设计之动态层级刷新
布衣大侠的博客
08-13 2302
前言 前面的文章讲述了关于Unity下资源的打包、加载以及打包工具的设计。从本文开始介绍UI的交互设计。游戏开发中存在很多的UI界面，虽然UGUI本身通过UI节点的位置对显示层级做了处理，但是实际开发中存在部分界面内还存在3D模型的展示、特效的展示，如果设计不当就会存在特效显示穿透的问题，开关界面是遮挡问题。本文就结合之前基于Addressable的资源加载，缓存池等来构建UI界面交互逻辑。本文主要介绍UI窗口的层级控制， 程序设计思路 UI交互部分核心的设计理念：动态的刷新UI、特效等层级。保证每一层之间
Unity实现基于UGUI的简易UI框架
Leeyoung(●'◡'●)
04-26 9736
Unity实现基于UGUI的简易UI框架 什么是UI框架？ UI框架中的 UIManager 管理场景中所有的面板, 控制面板之间的跳转. 本Demo实现以下功能: 关闭当前页面 显示新的页面 叠加显示 关闭当前页面并显示 关闭所有页面并显示 安卓返回键响应 返回上一个页面 退出程序 设计UI页面 先搭建好所有的UI界面, 并保存为prefab ...
UGUI框架
Plutogd的博客
11-06 1129
UGUI框架
Unity UGUI：构建动态用户界面的框架
Unity打怪升级
07-28 827
Unity的UI系统（尤指UGUI，User Interface Graphical User Interface）是一套功能丰富的工具集，用于创建和管理游戏中的用户界面。从菜单、得分板到复杂的交互式元素，UGUI都能提供强大的支持。本文将深入探讨Unity UGUI的基本概念、组件、以及如何使用UGUI构建动态用户界面。
Unity基于UGUI的UI框架
万事屋银ちやん
08-13 6553
首先 想想我为什么要用UI框架，因为不用UI框架会导致游戏混乱，管理困难？ 那么体现在什么方面呢？ 一般在设计游戏的时候，会对各个UI面板进行相应的管理，保证同一时间，玩家只对一个UI面板进行操作，保证不会因为玩家乱点，而导致玩家不知道哪个是哪个，或者哪个在哪，还有就是说，让玩家需要哪个UI面板，玩家点击哪个面板的时候再进行相应的实例化加载，不是一股脑的上来全加载出来，等着玩家点按钮调用，那...
简单的Unity UI框架(基于UGUI)
Cod_fish的博客
02-03 1046
基本类和思路 UIManager： 使用单例模式，有一个Dictionary<string,GameObject>存储具体UI预制体的引用，两个 Stack<>分别存储当前显示的UI和被关闭的UI(以便再次打开)。同时可以做到逻辑清晰的UI叠加显示。 同时有打开UI，关闭UI，清空栈的方法(切换场景前使用)。 using System.Collections.Gene...
基于CatLib的Unity UGui专用UI框架
该项目基于CatLib这一成熟的.NET依赖注入与服务容器框架，构建了一套专为Unity平台设计、仅适配UGui的轻量级但功能强大的UI框架，旨在解决传统UI开发中的代码耦合高、资源管理混乱、页面跳转逻辑复杂等问题。...
Unity游戏开发客户端Unity基础
Sea3752的博客
10-31 2万+
Unity游戏开发客户端面经 之 Unity 篇
蓝鸥Unity3D ——游戏/VR/AR开发课程大纲
蓝鸥_嘟嘟的小屋的博客
10-31 2304
蓝鸥Unity3D ——游戏/VR/AR开发课程大纲
unity 2017.2.2f UGUI ui框架Demo
08-02
unity 2017.2.2 ugui UI框架 结合了网上的一些demo 重新写了一下。 主要就是层级管理，以及界面的进出栈管理~~~想用来做新项目的ui框架的，不过我也是新手上路~~ui框架之后估计还是会有一波修改的，毕竟是正式项目用。目前是C#的框架，逻辑层以后怕是用lua，不过框架应该还是c# 不会改变。
UGUI的UI框架
09-26
一套简单易用的UGUI框架，含自己的demo
一套完整的UnityUI框架、可用于实际开发
03-20
一套完整的UnityUI框架、可用于实际开发。经过本人开发的考验
UGCFramework：统一客户端框架（UGUI + C＃+ protocol + xluaILRuntime）
02-06
UGCFramework（统一游戏客户端框架） unity-ILRuntime客户端框架（UGUI + C＃+ protocol + ILRuntime） 这是一个基于C＃语言的统一客户端框架，小部分工具基于UGUI，大部分工具不限制UI类型 代码热更新方面使用的是ILRuntime热更技术 通信包含http和socket + tcp两种方式，协议采用协议缓冲区 框架包括几个部分： 1，捆绑资源管理系统（包括所有资源更新） 2，音频管理系统 3，UI系统（基于UGUI） 4，对象池管理器 5，第三方及原生sdk管理器（内含微信登录，分享，支付，QQ登录，分享，支付宝支付，苹果支付，本机号码一
基于Unity~UGUI的简单UI框架（附UIFramework源码）
热门推荐
cchoop的博客
05-19 5万+
此博客跟随siki老师的课程笔记生成，感谢siki老师的辛勤付出！ 框架源码地址： UIFramework litjson.dll下载地址： litjson UI框架总揽： 创建测试面板（非框架部分） 将面板以Prefab形式放入Resources文件夹下面，便于框架加载面板 创建json文件和UIPanelType类来保存所有的面板信息 UIPane...
Unity——基于UGUI的UI框架
小紫苏的博客
09-28 1002
#基于UGUI的UI框架 ##一.Demo展示 ##二.关键类 ###MonoSingle 继承MonoBehaviour的单例基类；做了一些特殊处理； 保证场景中必须有GameInit名称的物体，所有单例管理器脚本都挂在该物体上； 继承单例基类后，需要私有化构造； public class MonoSingle<T> : MonoBehaviour where T :MonoSingle<T> { protected static T instance; p
Unity 简单入门UGUI小框架
最新发布
咩咩的博客
10-13 778
值得学习
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值