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

发布了16 篇原创文章 · 获赞 0 · 访问量 1056

猜你喜欢

转载自blog.csdn.net/qq_29622139/article/details/104091538