UI层的信息推送，小红点系统

最新推荐文章于 2025-06-23 15:13:32 发布

原创最新推荐文章于 2025-06-23 15:13:32 发布 · 6k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#ui

Unity基础专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种基于树形结构的小红点通知系统实现方案。该系统通过节点类维护父子节点关系，当子节点状态变化时能及时通知到父节点更新UI显示，适用于各类应用内的消息提示场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小红点系统

模块预览图：

图1

图2

图1为子层，图2为主层，当子层拥有信息时，往主层通知。
思路：子层绑定主层。当消息状态来了，通知主层，主层亮起红点。这就意味着，我们要把这个系统写成树形结构。

首先我们要有个根节点，根节点下有许多子节点，子节点下又会拥有许多子节点。这点必须要清楚。
理清上面关系后，开始整理代码

首先：

我们需要创建和绑定根节点

当我传入的第一个节点是空的，那么默认设置它为根节点，否则就会往它下面增加子节点

再然后就是一个创建普通节点的重载方法

这里我们会通过它的Key去找到对应的父节点，找到后，往父节点下创建子节点。

然后我们的每个节点都会有个小红点，所以我们需要把对应的节点绑定对应的UI。包括节点的获取
这里写图片描述

public class BaseNode
    {

        public string key;

        public BaseNode parent;

        public BaseNode rootNode;

        public bool nodeValue;

        public bool localValue;

        public GameObject ui;


        public List<BaseNode> childNode_list = new List<BaseNode>();


        public BaseNode() { }
        public BaseNode(string urlKey, bool value)
        {
            this.key = urlKey;
            this.nodeValue = value;
        }

        /// <summary>
        /// 根据Key找到父节点
        /// </summary>
        /// <param name="nKey"></param>
        public void AddChild(BaseNode node)
        {
            if (!this.childNode_list.Contains(node))
            {
                this.childNode_list.Add(node);
                node.parent = this;
            }
            this.Update();
        }

        protected void Update()
        {
            this.nodeValue = this.localValue;
            if (!this.localValue)
            {
                for (int i = 0; i < this.childNode_list.Count; i++)
                {
                    this.nodeValue |= this.childNode_list[i].nodeValue;
                }
            }
            UpdateUI();
            if (this.parent != null)
            {
                this.parent.Update();
            }
        }

        public void SetValue(bool vals)
        {
            this.localValue = vals;
            Update();
        }

        private void UpdateUI()
        {
            if (ui != null)
            {
                ui.SetActive(this.nodeValue);
            }
        }

        public void BindUI(GameObject ui)
        {
            this.ui = ui;
            UpdateUI();
        }

    }