前言

近来由于App中弹窗过多,再加上还有半透明的引导层,时常会出现多个弹窗重叠弹出,甚至会伴随引导层一起弹出,极大的影响了用户体验。

上述问题,其实很简单,只需要添加一个弹窗队列即可。

但是与此同时我们又添加了新的需求如下:

  1. 广告弹窗不能出现在阅读页
  2. 订阅更新弹窗只能出现在首页
  3. 版本更新功能提示页不允许出现任何弹窗
  4. 重新安装后出现的选择性别和分类的弹窗不允许出现任何弹窗
  5. 广告观赏页面不能出现任何弹窗
  6. 由于广告和公告页面的弹出顺序不定,当弹出广告时,广告视图可点击产生跳转,但是在跳转后公告会弹出(公告具备倒计时只显示多少秒,然后自动消失),则会出现公告无法被用户看到的情况,则需要在跳转离开页面时,暂停队列

由于项目中我们采用了模块化的方式精简代码、降低工作耦合,所以我们的弹窗并不是基于ViewController弹出的,而是在需要弹出的时候获取当前显示的ViewController用于显示的。

例如项目中任务模块,任务是可以在任何地方任何时候被完成,任务本身不关心它是位于何时何地被完成,只需要关心完成后,需要对应做出什么操作,例如写本地数据库,更新用户数据,弹出完成任务提示,和ViewController并无大的关联。

简单的说,我们的弹窗是属于功能块的,而功能块不应该且不用去关心当前展示的ViewController是哪一个。

功能介绍

本文介绍的一个弹窗架构实际也可以归类为一个弹窗功能模块,当弹窗出现在不该出现的地方时,它来负责调度和处理,其过程对于其它功能模块透明,并不产生任何耦合度。其实现功能如下:

  1. 弹窗视图按队列依次出现
  2. 弹窗视图支持优先级模式
  3. 队列基于ViewController,杜绝一个弹窗问题导致全局弹窗失效
  4. 弹窗视图可指定出现于某ViewController出现后(白名单)
  5. ViewController可指定不接收弹窗视图出现于自身出现时(黑名单)
  6. 实现ViewController didDisAppear后 队列暂停,willAppear队列继续
优点

WKViewManager 弹窗队列管理类,使用AOP切片基于self-manager模式封装,高内聚性,几乎不会和ViewController或功能模块产生耦合。

劣势

由于是弹窗视图的一个管理工具,所有需要被管理的弹窗均需属于WKBaseView的子类,项目中已书写对应所需要的弹窗基类如WKPopBaseView、WKStepMaskGuideView等等,有需要构建弹窗的时候可以去查看相关类。

(关于WKBaseView,是一个封装的非常完善的弹窗基类,预计后续会写一篇文章详细介绍,它的整个结构是非常完善,针对弹窗功能几乎没有扩充瓶颈)

实现原理

白名单模式(功能点4)

白名单模式只有一个关键内容

白名单字典 - whiteList

白名单字典位于WKViewManager类中。

字典中key为从属于WKBaseView的子类的类名字符串,value是一个数组,里面放入对应的ViewController的类名字符串。

例如 白名单内容为

@{@"KMAnnouncementView":@[@"HJTMainTabBarVC"]};

则在广告公告模块中,KMAnnouncementView调用显示时,所获取的View不是HJTMainTabBarVC的View,则KMAnnouncementView会进入白名单待显示数组中,当HJTMainTabBarVC调用viewwillappear时才会实际被显示出来。

一句话介绍白名单

白名单中的key对应的view永远只会出现在其对应的value中的vc上,即便你在其他任何VC上调用显示显示KMAnnouncementView, KMAnnouncementView也只会出现在其对应的value的vc上。

黑名单模式(功能点5)

黑名单模式包括两个关键内容。

 黑名单字典 - blackList黑名单HomeVC - blackListHomeVCClassName

黑名单字典位于WKViewManager类中。

字典中key为ViewController的类名字符串,value是一个数组,里面应放入对应的从属于WKBaseView的子类的类名字符串。

例如 黑名单内容为

            @{@"KMBaseViewController",@[@"WKPopBaseView"]};

则表明,WKPopBaseView类(不包含其子类),如果由于功能块解耦或者其它原因,导致WKPopBaseView被展示于KMBaseViewController(不包含其子类)的子视图上时,WKViewManager会拦截此行为,将WKPopBaseView实例存入黑名单待显示数组,当回到黑名单HomeVC时再显示出来。从而实现了WKPopBaseView一定不会出现在KMBaseViewController的视图上。

一句话解释黑名单

黑名单中key对应的vc显示时,其对应的value中的view必然不会出现,如果被强制出现时,其也不会出现,直到黑名单homeVC的viewwillappear被调用才会显示。

功能点6

由于队列基于viewcontroller的,所以很简单只需要hook viewcontroller的 willappear和diddisappear即可,在willappear里面找到队列设置suspended为NO,在diddisappear里面suspended为yes即可

Demo地址

使用方式

前提:因为内部实现使用了Masonry布局,所以需要先Pod Masonry三方库。

步骤一、

下载Demo,找到BaseView文件夹拖入项目。

步骤二、

将文件中的WKViewManagerHeader.h文件加入全局头文件.pch中。

步骤三、

新建的View继承自WKPopBaseView,并重写setInterFace,需首先调用父类的实现

- (void)setInterFace
{[super setInterFace];//TODO contentview的高度必须设置[self.contentView mas_makeConstraints:^(MASConstraintMaker *make) {make.centerX.equalTo(self);make.centerY.equalTo(self).offset(SCREEN_HEIGHT);make.width.height.equalTo(@200);}];
}

可自定义出现和消失动画--------实现updateContentViewConstraint:(BOOL)isShow方法

- (void)updateContentViewConstraint:(BOOL)isShow
{[self.contentView mas_updateConstraints:^(MASConstraintMaker *make) {make.centerY.equalTo(self).offset(isShow ? 0 : SCREEN_HEIGHT);}];
}

还有更多可自定义的效果,可通过顶层基类WKbaseVIew封装的声明周期实现。详情请查看Demo

步骤四、

初始化后,在需要展示的地方调用showInView:isShow:方法即可。

    WKTestView * v = [[WKTestView alloc] init];v.title = @"This is Test View can not show in HomePage";[v showInView:self.view isShow:YES];

交流方式

邮箱357863248@qq.com

WKViewManager iOS 弹窗架构相关推荐

  1. iOS应用架构谈 组件化方案

    简述 前几天的一个晚上在infoQ的微信群里,来自蘑菇街的Limboy做了一个分享,讲了蘑菇街的组件化之路.我不认为这条组件化之路蘑菇街走对了.分享后我私聊了Limboy,Limboy似乎也明白了问题 ...

  2. 精华阅读第 9 期 |滴滴出行 iOS 客户端架构演进之路

    「架构都是演变出来的,没有最好的架构,只有最合适的架构!」最近,滴滴出行平台产品中心 iOS 技术负责人李贤辉接受了 infoQ 的采访,阐述了滴滴的 iOS 客户端架构模式与演变过程.李贤辉也是移动 ...

  3. vant组件搜索并选择_Vue.js自定义弹层组件|vue仿微信/ios弹窗

    最近趁着国庆假期给自己充充电,一直在捣鼓Nuxt.js项目,由于项目中需要用到定制化弹窗功能,本来是想着使用Vant组件库,经过再三考虑,最后决定还是自己重新造一个,于是就有了Vue自定义弹出层VPo ...

  4. Android 仿iOS弹窗

    仿iOS弹窗 一.先上效果图 二.GitHub地址 GitHub地址 https://github.com/MNXP/MyDialog 三.使用 1)基本使用 myDialog = new Alert ...

  5. iOS 应用架构 (二)

    iOS 客户端应用架构看似简单,但实际上要考虑的事情不少.本文作者将以系列文章的形式来回答 iOS 应用架构中的种种问题,本文是其中的第二篇,主要讲 View 层的组织和调用方案.上篇主要讲 View ...

  6. iOS应用架构谈 网络层设计方案--RTNetworking

    iOS应用架构谈 开篇  iOS应用架构谈 view层的组织和调用方案  iOS应用架构谈 网络层设计方案  iOS应用架构谈 本地持久化方案及动态部署  iOS应用架构谈 组件化方案 https:/ ...

  7. iOS 应用架构谈:view 层的组织和调用方案

    iOS 应用架构谈:view 层的组织和调用方案 iOS应用架构谈 开篇 iOS应用架构谈 view层的组织和调用方案 iOS应用架构谈 网络层设计方案 iOS应用架构谈 动态部署方案 iOS应用架构 ...

  8. 移动开发(IOS) – iOS系统架构

    移动开发(IOS) – iOS系统架构 1.iOS系统架构的四个层次 1.1.可触摸层(Cocoa Touch):为应用程序开发提供各种有用的框架,并且大部分均与用户界面有关,本质上来说它负责用户在i ...

  9. Alibaba iOS 工程架构腐化治理实践

    " 业务开发遇到环境问题越来越多,严重影响开发效率,有些表面看似打包问题,背后却是工程架构的腐化." 背景 近年来,iOS工程复杂度高的负面影响逐渐暴露,很多同学都受到了iOS打包 ...

最新文章

  1. n个数求和 java_暴力+辗转相除法——N个数求和
  2. 如何建设移动 DevOps?
  3. Android插件化开发基础之Java反射机制研究
  4. JavaFX UI控件教程(十八)之Progress Bar和Progress Indicator
  5. 一个简单的时间轴demo
  6. Hive什么时候可以用别名?
  7. jquery操作元素
  8. C/C++黑魔法-另类switch
  9. 墨刀安装以及基础使用教程
  10. 全球液晶面板市场格局或将改变,TCL将超越京东方成为老大
  11. java 环境变量的设置
  12. 国产集中式数据库综合对比(达梦、人大金仓、海量)
  13. python实现“幻影坦克”效果(点开图片是隐藏的另一张图)【详解】
  14. ICCV 2021 Oral | 姿态估计——零基础看懂RLE
  15. python汉字拼音首字母_python获_取一组汉字拼音首字母的方法
  16. Kubernetes入门:Pod、节点、容器和集群都是什么?
  17. 集合类对象的遍历处理办法
  18. threejs---第一人称控件 PointerLockControls
  19. android view可见性监听,view 可见性 监听探究
  20. php网站模板 建筑工程类,房屋建筑的施工企业网站模板

热门文章

  1. 阿里云 mysql 超时_mysql数据库超时
  2. html移动滚动彩字字幕特效,如何制作滚动字幕 旋转好莱坞字幕特效效果图(超多滚动效果)...
  3. x509代码实例java_Java X509AttributeCertificate.getIssuer方法代码示例
  4. 怎么取消苹果手机自动续费_手机 App 自动续费套路多?我们要如何取消?
  5. 性能测试报告模板_性能测试规范之测试报告
  6. matlab转换成vc,如何将matlab65函数转换成vc++60动态链接库.doc
  7. 怎么拿img标签的data_PASCAL VOC数据集-分割标签索引颜色对照及程序
  8. Unity c# 状态机的简单入门
  9. Windows下PHP多线程扩展pthreads的安装
  10. java.lang.IllegalStateException: getOutputStream() has already been called for this response