UI组件模块设计思路

模块设计思路

功能职责细分

  • UI组件
  • 组件类型
  • 如何创建组件
  • 菜单获取
  • 菜单缓存管理
  • 菜单路由跳转
  • 组件流式布局
  • 下拉刷新动画
  • 自定义导航
  • 首页、我的业务
  • 广告组件

UI组件

组件如何设计?

思路1 - UI组件中包含具体业务

  • 优点:快速完成功能,业务服务于UI
  • 缺点:业务耦合性太强,没有通用性,程序不好扩展

思路2 - UI组件抽象化

  • 优点:类似于UI模板,没有具体业务,形态由外部状态变化决定,扩展性强
  • 缺点:额外需要添加兼容性代码,满足各种业务情况

采用组件思路2,模块设计的意义

组件类型

一组枚举值,标注每种组件的类型,和服务端中的组件类型对应

如何创建组件

传入组件类型,通过工厂方法创建实例;业务层可通过该方式获得组件,并传入组件专用model;组件内部根据该model中的item列表展开信息,布局子视图

基础UI模块

纯粹的UI组件库,可以对任意业务模块提供支持和扩展;包含UI组件,组件类型,组件工厂等功能

菜单获取

菜单接口API

缓存管理

将获取到的菜单数据进行本地缓存,开放相应的缓存策略,根据策略获取到菜单数据

菜单路由跳转

负责对菜单数据中的功能进行封装,登录限制、禁用原因、路由跳转等

组件流式布局

采用GYTableView控件,将UI组件添加到Cell中,Cell高度为自适应(内部提供高度),通过组件类型作为cellIdentifer进行组件复用

下拉刷新动画

二次封装MJRefreshStateHeader,提供两组动画数据,下拉逐帧动画和刷新中循环动画,动画帧起止位置数据本地可配

自定义导航

提供天气组件,切换样式

首页、我的业务

封装TableView,下拉刷新,导航栏;获取菜单,交互细节变化,调整坐标等

广告业务模块

前言

广告模块呈现的形式类似于SDK,所以不管广告业务功能多么复杂,调用的方式必须趋于单一,相关功能必须聚合在模块内部;

广告组件

广告组件功能上和基础UI中的组件一样,但是传入的数据结构不一致,且需要植入埋点功能;广告组件需要自带model转换功能;那么如何封装基础UI中的组件使得满足该广告业务需求和模块聚合性,且不破坏原有组件的扩展性?

思路1 继承后重写

  • 优点:方便重写和扩展方法
  • 缺点:通过工厂方法创建的组件类必须改为继承后的子类,需要重写工厂方法

思路2 iOS分类

  • 优点:通过hook的方式,注入model类型转换和埋点功能,且工厂方法创建的实例仍然生效
  • 缺点:hook覆盖问题,防止同名方法冲突

结论

采用思路2的方式比较容易满足需求,改动范围较小,保证整体业务流程的完整性;如广告业务模块在不引入的情况下,原有组件创建和显示的流程任然有效;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 今天是大年初一,听大人们说大年初一要起的早早,去拜佛。天亮了时候,爸爸叫我起来,穿上新衣裳,刷牙洗脸完吃过...
    朱雨欣2012阅读 672评论 0 0
  • 姓名:张玉娟 公司:宁波市镇海承迪文具有限公司 【日精进打卡第146天〉 【知~学习】...
    张玉娟1阅读 101评论 0 0
  • 失窃是种可被接受并能促进社交的损失,而死亡却会让人们被孤立。对这一句话最好的解释就是,失窃只是物件的转移,而死亡是...
    舟舟小慢阅读 160评论 0 0
  • 情商是一直被讨论,也是很多朋友一直想要提升的一种能力,如何实现从”低情商“到”高情商“的转变呢?我们首先要了解什么...
    心理咨询师文明阅读 339评论 0 0
  • 外婆,我想你 作者:icyfires2006-09-14 02:11分类:默认分类标签: 从知道外婆走了的消息到现...
    icyfire阅读 149评论 0 0

友情链接更多精彩内容