美文网首页
红点管理

红点管理

作者: JervieQin | 来源:发表于2019-01-14 13:08 被阅读0次

需求描述

  1. 不同级红点状态可传递
  2. 同级红点不相互影响
  3. 红点状态可配置
  4. 红点可记录数量

功能分析

要实现功能传递显然要实现层级结构,同时为了实现同级红点不互相影响那么就像树形结构了,每个红点相当于叶子,叶子只负责存储红点状态信息以及父节点指向。

要实现上述功能点,最少需要两个类,一个负责控制红点UI显示,一个用来管理状态。

功能分点实现

控制UI显示上其实只要控制红点的激活状态就行了。

数据方面需要红点UI,红点状态即可。

行为方面需要写一个红点开关函数以及接受函数用来接受传进来的红点状态。

public void SetRedPoint(bool flag){
    if(imgRedPoint != null){
        imgRedPoint.gameObject.SetActive(flag);
    }
}

public void SetData(NotifyMark mark){
    if(mark == null){
        SetRedPoint(false);
        return;
    }
    this.mark = mark;
    this.mark.OnChange += SetRedPoint;
}

红点数据方面稍微复杂点:需要定义一个父节点,方便红点状态的层级传递;

                    定义一个消息数,方便消息分层;

                    定义一个状态标志,界定当前状态,通过使用属性来定义

                    定义一个状态变更代理,方便状态变更时让UI层随之变化

行为方面:状态获取(getter); 父节点设置;设置状态变更代理;红点状态变更;父节点状态变更;状态重置;子节点状态清除。

public class NotifyMark {

        private NotifyMark parentNode = null;
        private int SubNotifyCount = 0;

        /* 判断通知是否显示 */
        public bool IsNotify { get; private set; }
        public static implicit operator bool (NotifyMark notify) { //定义隐式转换
            return notify != null && notify.IsNotify;
        }

        /* 设置状态变更代理 */
        private Action<bool> _OnChange = null; //定义bool类型,用来确定是否显示小红点
        public event Action<bool> OnChange {
            add {
                _OnChange += value;
                value (IsNotify);
            }
            remove {
                _OnChange -= value;
            }
        }

        /* 构造函数初始化状态 */
        public NotifyMark () {
            IsNotify = false;
        }

        /* 设置父节点 */
        public void SetParentNotify (NotifyMark notify) {
            parentNode = notify;
        }

        /* 更新状态 */
        public void ChangeNotify (bool isNotify) {
            if (isNotify != IsNotify) {
                IsNotify = isNotify;

                //如果有父节点就向上传递
                if (parentNode != null) {
                    parentNode.OnSubNotifyChange (isNotify);
                }

                // 变更小红点显示
                if (_OnChange != null) {
                    _OnChange (IsNotify);
                }
            }
        }

        /* 修改父节点小红点状态 */
        private void OnSubNotifyChange (bool isNotify) {
            if (isNotify) {
                SubNotifyCount++;          //记录子节点消息数量
            } else {
                SubNotifyCount--;
            }
            ChangeNotify (SubNotifyCount > 0);
        }

        /* 清除子节点小红点记录 */
        public void CleanSub () {
            SubNotifyCount = 0;
            ChangeNotify (false);
        }

        /* 重置信息 */
        public void Reset () {
            parentNode = null;
            SubNotifyCount = 0;
            ChangeNotify (false);
            _OnChange = null;
        }
    }

用例

实质是通过给ChangeNotify传递判断值。
例子

小红点_20181203181721.gif

相关文章

  • 红点管理

    需求描述 不同级红点状态可传递 同级红点不相互影响 红点状态可配置 红点可记录数量 功能分析 要实现功能传递显然要...

  • 客户端显示红点系统设计方案

    红点设计,分服务端管理和客户端管理2种:红点系统设计[https://it.agr-api.com/a/CeMr3...

  • 红点

    看起来游戏中的小红点提示很简单的一小功能,实现起来却挺有意思。实质上是一棵树状结构。每个UI上有三种状态:不显示、...

  • 论知识管理--理念篇

    论知识管理--理念篇 知识管理这个名词想必你已经很熟悉,在知识大爆炸的时代,每天被各类信息围困,公众号推送里小红点...

  • 10分钟看3次手机,恭喜你,得了红点综合症

    清晨,刚睁开眼睛,你就急匆匆地拿起手机,开始消除红点大战:首先消除微信的红点,之后是各类APP的红点。 只要有红点...

  • 夏天和蚊子死磕到底,真正有效的方法只有这几种!

    打不尽的蚊子,消不完的红点打不尽的蚊子,消不完的红点打不尽的蚊子,消不完的红点打不尽的蚊子,消不完的红点打不尽的蚊...

  • 小红点

    有时 太阳是个小红点 国土在地图上是个小红点 小红点 是指路的明灯 是跳动的火焰 我也有许多小红点 QQ、微信、微...

  • 红点点

    9.30周三,晴 几天前,懒懒小脸蛋上起了几个小红点,当时没太在意,今天脸上的小红点越发的多了,(貌似是湿疹),这...

  • 20200323 红点

    红色会让人焦燥,特别是一片片的红点。 小时候生了痱子,长大了得了湿疹,一片片的红点,心中只有除之而后快的念头。 直...

  • 红既黑?红非黑!

    我是一群黑点中的红点 一群黑点中都会有那么几个红点 我的附近既红点 我亦是黑点,红点既黑点 如若不分黑红 我是黑,...

网友评论

      本文标题:红点管理

      本文链接:https://www.haomeiwen.com/subject/hoeddqtx.html