当前位置: 首页 > news >正文

【深入浅出设计模式--状态模式】

深入浅出设计模式--状态模式

  • 一、背景
  • 二、问题
  • 三、解决方案
  • 四、 适用场景总结
  • 五、后记

一、背景

状态模式是一种行为设计模式,让你能在一个对象的内部状态变化时改变其行为,使其看上去就像改变了自身所属的类一样。其与有限状态机的概念紧密相关,如下所示:
在这里插入图片描述

二、问题

在实际设计编码UI界面的工作中,有很多人应该都遇到过类似这样的场景:当鼠标移动或者点击某个标签、按钮等组件时,对应组件上会根据鼠标的状态进行不同的响应,比如颜色大小的变化。如果状态有很多种,那我们就会在代码中添加许多条件判断(if-else、switch),有时候可能一条语句中的条件多达十来个,出现bug的时候调试起来相当恶心。基于这个问题,下面使用状态模式逐步解决。

三、解决方案

  1. 首先在上下文类Context中定义改变状态的接口changeState,并聚合了指向当前状态的IState对象指针,changeState的参数即为new生成的具体状态类NormorlState等,调用paintTags函数时会调用当前状态类的doPaint函数进行该状态下的绘制操作。
  2. 接口状态类IState中提供了doPaint纯虚函数,每个具体状态类会继承并重写doPaint,在doPaint中可以调用setHoverState等函数对Context类对象的成员变量进行修改,同步状态与操作。
  3. 为了对每个状态类对象进行复用,采用单例模式提供GetInstance函数供Context调用。
    类图如下:
    在这里插入图片描述
  4. 上面的类结构中,因为每个具体状态类都是单例模式,提供除了名字不同之外相同的代码块,因此会有许多重复代码,因此想到在接口状态类IStateBase和具体状态类之间插入一个单例模板类IStateTemplate专门提供静态GetInstance函数,然后每个具体状态类对其继承和模板特化,这样在具体状态类中只需要实现doPaint函数即可。
  5. 各类达到高度凝练与抽象,每一层只专注某一功能的效果。后续如果有新加入一种状态,只需要特化IStateTemplate,然后重写doPaint函数即可,其他状态的代码无需修改,减少大量条件判断的同时也降低了出错的概率。
    改进后的类图如下:
    在这里插入图片描述
  6. 该模式下各类之间交互的时序图如下:
    在这里插入图片描述
  7. Context类关键代码截图:
    在这里插入图片描述
  8. State相关类关键代码截图:
    在这里插入图片描述

四、 适用场景总结

  • 如果对象需要根据自身当前状态(成员变量值)进行不同行为,同时状态的数量非常多且与状态相关的代码会频繁变更的话,可使用状态模式。
  • 当相似状态和基于条件的状态机转换中存在许多重复代码时,可使用状态模式。
  • 如果状态机只有很少的几个状态,或者很少发生改变,那么应用该模式可能会显得小题大作。

五、后记

以上所有内容均为原创,代码已上传至gayhub:
https://github.com/gangster-puppy/Design-Pattern.git

http://www.lryc.cn/news/151534.html

相关文章:

  • Debezium系列之:Debezium Server在生产环境大规模应用详细的技术方案
  • Echart笔记
  • docker 笔记1
  • HTTP Get 和 Post 的区别
  • C++超级迷宫游戏
  • CUDA小白 - NPP(3) 图像处理 Color and Sampling Conversion
  • Android硬件通信之 串口通信
  • 高防服务器面对DDOS攻击的威胁有何必要性
  • VBA中如何将if写到一行
  • 性能测试,python 内存分析工具 -memray
  • Jmeter(二十八):beanshell的使用
  • 数学建模:层次分析法
  • POI-TL制作word
  • 大数据Flink(七十一):SQL的时间属性
  • 51单片机项目(7)——基于51单片机的温湿度测量仿真
  • 按钮控件之1---QPushButton 标准按钮/普通按钮控件
  • Ae 效果:CC Light Rays
  • MPI之通信模式(标准,缓存,同步,就绪)
  • 面试官:说一下 MyBatis 的一级缓存和二级缓存 ?
  • Ajax与jQuery
  • 色温曲线坐标轴的选取:G/R、G/B还是R/G、B/G ?
  • maven部署
  • docker进阶作业
  • HTML+JavaScript+CSS DIY 分隔条splitter
  • Oracle-day5:新增、复制建表、表结构、表数据、删除
  • Scratch 画画的技巧
  • 国际版阿里云/腾讯云:阿里弹性云手机正式公测
  • 服务器数据恢复- RAID5出现故障后恢复数据和操作系统的案例
  • Vue3实现可视化拖拽标签小程序
  • SSM 前端使用AJAX方式,fromdata文件格式上传二进制流文件