Unity红点系统的架构与设计-提供完整源码项目

面试的时候经常被问道如何来设计一个红点系统,本文将详细地介绍如何设计一个红点系统，有哪些接口，并完整地给出实现。

红点系统的需求分析

首先我们来分析一下红点系统的设计需求: 红点系统严格意义上来说不属于框架，而是游戏逻辑，所以代码不要放到通用的框架里面，并不属于基础服务。它是为了在游戏逻辑开发中很好的提示未处理的信息。对于使用者而言，它们希望红点系统能直接给他们提供接口和服务，能方便的把红点显示在特定的节点下，并设置到特定的位置。使用者不用关心红点的”样子”,不用关心红点如何创建，反复创建和销毁红点的性能等。

从需求分析得出”红点系统”对外提供的接口如下:

  1: 编写接口”CreateRedPoint”,用来创建一个”红点”的节点,返回节点给使用者，至于红点放什么位置由使用者决定;

  2: 编写接口”DestroyRedPoint”,用来删除销毁一个红点节点;

  3: 编写接口”SetRedPointValue”, 把红点节点传递进来，然后设置红点里面的具体数值;

  4: 编写接口”DestroyAllRedPoints”, 用来在UI界面销毁时把它下面所有的红点都删除回收;

由于”红点系统”会要经常创建和删除节点，所以内部采用节点池的模式,这样能最大限度地提升性能。

红点系统依赖的基础服务

红点系统并不是完全独立地，依赖框架地基础服务，一个是资源管理，主要负责加载红点的节点资源，一个是节点池管理模块。资源管理模块示例代码里面采用的是YooAssets,然后把红点节点做成预制体，然后通过YooAssets收集打包，然后通过代码来加载节点资源。红点系统内部基于节点池机制，所以要给红点节点创建一个特有的节点池。

YooAssets的版本：1.5.2

资源管理ResMgr: 基于YooAssets,做的同步/异步资源管理

节点池: 自己实现,详情见代码;

红点的节点预制体: RedPoint节点下面有两个子节点,一个红色的圆形精灵,一个是文字Label,用来显示数字，如下图所示:

红点系统代码具体实现

编写一个RedPointFlag组件,继承Component,用来标记哪些节点是红点，这个组件的作用是在一个UI界面销毁的时候，方便利用这个Flag组件,找到所有的”红点”,并把它们一起回收。

public class RedPointFlag : Component{}

编写一个RedPointMgr的全局单例,用来提供”红点”服务。提供Init接口,在Init的时候,给红点的创建一个节点池。代码如下:

​​​​​​​

public class RedPointFlag : Component{}

CreateRedPoint接口:

public GameObject CreateRedPoint() {  GameObject redPoint = NodePoolMgr.Instance.Get("GUI/Prefabs/RedPoint.prefab");  if(redPoint.GetComponent<RedPointFlag>() == null) {    redPoint.AddComponent<RedPointFlag>();  }  return redPoint;}

在这个接口中要特别的注意,我们给红点节点添加一个RedPointFlag的组件实例，方便后面把所有的红点找出来。

SetRedPointValue接口:

public void SetRedPointValue(GameObject redPoint, int value) {  var label = redPoint.GetComponentInChildren<Text>();  label.text = value.ToString();}

用来给红点设置对应的显示值,原理比较简单，找到红点里面的Text组件，修改Text组件的显示内容即可。

DestroyRedPoint接口:

public void DestroyRedPoint(GameObject redPoint) {  NodePoolMgr.Instance.Recycle("GUI/Prefabs/RedPoint.prefab", redPoint);}

删除一个红点，这里主要是调用节点池回收。

DestroyAllRedPoint接口:

public void DestroyAllRedPoint(GameObject uiRoot) {  RedPointFlag[] redPoints = uiRoot.GetComponentsInChildren<RedPointFlag>();  for (int i = 0; i < redPoints.Length; i++) {    NodePoolMgr.Instance.Recycle("GUI/Prefabs/RedPoint.prefab", redPoints[i].gameObject);  }}

删除所有的红点，这里就利用了RedPointFlag组件,通过把带有这个组件的所有节点筛选出来，就是我们的红点节点了。然后把所有的节点回收即可。

接下来给个简单的使用示例，用起来非常简单方便,在UI代码里面创建一个红点，并在界面销毁的时候，删除所有的红点:

public class UIHomeCtrl : MonoBehaviour{// Start is called before the first frame update  void Start()  {    Transform root = this.transform.Find("Bottom/start/btnStart");    varredPoint = RedPointMgr.Instance.CreateRedPoint();    redPoint.transform.SetParent(root, false);    redPoint.transform.localPosition = new Vector3(120, 40, 0);    RedPointMgr.Instance.SetRedPointValue(redPoint, 20);  }    private void OnDestroy()  {    RedPointMgr.Instance.DestroyAllRedPoint(this.gameObject);  }}

今天的分享就到这里了，需要完整代码的，可以关注我们，点击”阅读全文”领取完整代码”。