游戏中按钮上经常会有一些用于提示玩家点击的小红点,显示方式可能不同,统称为红点系统。这里结合unity的GraphView做了一个通用的红点系统。
源码在这里红点系统,里面实现了一个简单demo
一.红点树编辑器
进入菜单 XFramework—>UI—>ReddotEditor 编辑红点树
二.ReddotManager
1.红点显示规则
需要显示红点的UI会注册一个节点的Key,可以是叶子结点也可以是非叶子结点。
在合适的时候会标记结点的状态(只能编辑叶子结点,非叶子结点状态由子节点决定)
具体注册和标记方式后文会说
叶子结点
: 叶结点会对应多个tag,当有一个或多个tag处于激活状态时该叶结点被激活非叶子结点
:当有一个或多个子节点处于激活状态时,该节点被激活
2.红点节点数据
运行时每个节点只包含两个数据,一个是节点本身的键值,一个节点所有子节点的键值。
public class ReddotData
{
public string key;
public string[] children;
#if UNITY_EDITOR
// 仅用于节点编辑器
public string name;
[JsonConverter(typeof(JsonConvter.Vector2Converter))]
public Vector2 position;
#endif
}
三、使用
1.在红点编辑器中编辑结点数
2.注册需要红点的UI
给UI添加红点组件并设置键值等参数,初始化时会自动注册。
如需手动注册,API如下
public void RegisterReddot(string key, Reddot reddot)
public void UnRegisterReddot(string key, Reddot reddot)
3.标记节点
在合适的时候编辑节点的状态,注意只允许标记叶子结点,如果标记非叶子结点的话红点系统会抛出一个异常。
标记时可以指定Tag。及一个叶结点的状态由多个tag共同决定。
public void MarkReddot(string key, bool state, string tag = "default")