Unity 红点系统

首先明确一个，即红点系统的数据结构是一颗树，并且红点的数据结构的初始化需要放在游戏的初始化中，之后再是对应的红点UI侧的注册，对应的红点UI在销毁时需要注销对红点UI的显示回调注册，但是不销毁数据侧的红点注册

- 具体分布

1. ReddotNode 红点结点类，数据侧

红点结点类负责承载红点的数据关系，其中在_reddotCnt的数据改变时，判断和现有值是否相等，如果不相等，赋值的同时，调用UI更新的回调

2. 红点UI类，表现侧

这里设计的是一个红点表现的抽象基类，因为红点的表现可能有多种多样，比如最直接的一个红色的点，或者是显示数字的红点，或者其他，那么对应的红点类型只需要继承这个类，然后实现各自的ReddotCallback就行了
在SubReddot方法中isCallImmediate参数用来判断是否需要在UI注册时立马调用一次回调，一般来说，在UI注册时，默认需要调用一次来判断是否需要显示红点，所以这里默认是true，这样的话，当重新回到某个UI面板时，重走一遍初始化注册时，会自动调一次红点显示判断

3. 具体红点类型

这里举了个例子，这是一个直接显示，隐藏的红点类型，所以只需要重写ReddotCallback，在内部判断红点计数，控制UI的显示隐藏就好

4. 红点树管理类

既然是管理类所以这个类被设计为一个单例类
在这个类的设计中，在查找方法中不设置创建的部分，因为之前参考某些红点框架，在查找不到时会去主动创建，但这里没有这么做，但在设置红点时，存在查找的部分
对于改变红点计数方法，其传入的数字是一个增量，是可正可负的，因为有的时候是减红点数，有的时候是加红点数，这个时候就可以传入-1或+1，如果当前结点的红点数加上增量 < 0，说明超出了范围，那么手动将增量设置为负的当前结点红点数，这样保证了即使超出范围，最后得到的值是0
并且在这里一开始是用的SetReddots方法，即设置，因为当想要改变一个红点的计数时，说明已经要用到这个结点，那么没有的话一定要创建出来，如果有的话，刚好直接查找就好
之后遍历这条路径上的每一个结点，将增量加上

- 具体使用

1. 邮件面板主页

public class Mail : MonoBehaviour
    {
        public Button mailButton;
        public GameObject mailPanel;
        public GameObject mailContent;

        public ReddotView reddotView;

        public GameObject mailTab;

        public GameObject Tab;

        public List<Button> tabs = new List<Button>();

        void Awake()
        {
            mailButton = GetComponent<Button>();
            mailButton.onClick.AddListener(OnMailButtonClick);
            
            //ReddotTree.Instance.SetReddots("Mail");

            InitMailData();
            reddotView.SubReddot("Mail");

            // var node = ReddotTree.Instance.SearchNode("Mail");
            // if(node.ReddotCnt > 0)
            // {
            //     reddotView.ReddotCallback(node);
            // }
        }

        void OnMailButtonClick()
        {
            for (int i = 0; i < 3; i++)
            {
                var tab = Instantiate(mailTab, Tab.transform.Find("Viewport/Content")).GetComponent<MailTab>();

                var index = i;

                tab.Init("Mail/Tab" + index);
                tab.GetComponent<Button>().onClick.AddListener(() => OnTabClick("Tab" + index));
            }

            OnTabClick("Tab0");
        }

        public void OnTabClick(string tabName)
        {
            var content = mailPanel.transform.Find("Viewport/Content");
            for (int i = 0; i < content.childCount; i++)
            {
                Destroy(content.GetChild(i).gameObject);
            }

            for (int i = 0; i < 5; i++)
            {
                var newMail = Instantiate(mailContent, mailPanel.transform.Find("Viewport/Content")).GetComponent<MailContent>();
                newMail.transform.SetAsLastSibling();

                var index= i;
                var path = "Mail/" + tabName + "/" + index;
                newMail.Init(path, tabName);
            }
        }

        /// <summary>
        /// 初始化红点数据
        /// </summary>
        public void InitMailData()
        {
            for (int i = 0; i < 3; i++)
            {
                var path = "Mail/Tab" + i;
                for (int j = 0; j < 5; j++)
                {
                    var mailPath = path + "/" + j;
                    ReddotTree.Instance.ChangeReddotCnt(mailPath, 1);
                }
            }
        }

        public void OnDestroy()
        {
            reddotView.UnSubReddot("Mail");
        }

    }

这是一个模拟邮件主面板的类，其初始化红点数据的方法写在了InitMailData中

这里直接使用了ChangeReddotCnt方法，在查找不到的时候直接设置红点结点数据，这个方法会在面板初始化的时候调用

可以看到，在数据初始化之后，此面板才注册了自身节点

注意在OnDestroy方法中需要注销对于红点UI的注册

具体结构如下

可以看到红点的UI默认是没有激活的

2. 邮件侧边栏

public class MailTab : MonoBehaviour
{
    public ReddotView reddotView;
    public string path;

    public void Init(string path)
    {
        reddotView.SubReddot(path);

        this.path = path;

        // var node = ReddotTree.Instance.SearchNode(path);
        // if(node.ReddotCnt > 0)
        // {
        //     reddotView.ReddotCallback(node);
        // }
    }

    public void OnDestroy()
    {
        reddotView.UnSubReddot(path);
    }
}

这里只需要在初始化的时候注册红点就行，因为红点数据已经在一开始初始化了，同时OnDestroy的时候需要取消注册

3. 邮件条目

public class MailContent : MonoBehaviour
    {
        public ReddotView reddotView;

        public Button contentButton; 

        public Button deleteButton;
        public string path;
        public Text contentText;

        public void Init(string path, string content)
        {
            this.path = path;
            reddotView.SubReddot(path);

            // var node = ReddotTree.Instance.SearchNode(path);
            // if(node.ReddotCnt > 0)
            // {
            //     reddotView.ReddotCallback(node);
            // }
            //ReddotTree.Instance.ChangeReddotCnt(path, 1);

            contentText.text = content;
        }

        void Awake()
        {
            contentButton.onClick.AddListener(OnContentButtonClick);
            deleteButton.onClick.AddListener(OnDeleteButtonClick);
        }

        public void OnContentButtonClick()
        {
            ReddotTree.Instance.ChangeReddotCnt(path, -1);
        }

        public void OnDeleteButtonClick()
        {
            ReddotTree.Instance.ChangeReddotCnt(path, -1);
            //ReddotTree.Instance.UnSubReddot(path);
            Destroy(gameObject);
        }

        void OnDestroy()
        {
            //ReddotTree.Instance.ChangeReddotCnt(path, -1);
            //ReddotTree.Instance.UnSubReddot(path);
            reddotView.UnSubReddot(path);
        }
    }

同样是在初始化时注册，销毁时注销

4. 效果