首先明确一个，即红点系统的数据结构是一颗树，并且红点的数据结构的初始化需要放在游戏的初始化中，之后再是对应的红点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. 效果
