UI组件模块设计思路

2019-12-29  本文已影响0人  gy先生

模块设计思路

功能职责细分

UI组件

组件如何设计?

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

思路2 - UI组件抽象化

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

组件类型

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

如何创建组件

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

基础UI模块

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

菜单获取

菜单接口API

缓存管理

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

菜单路由跳转

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

组件流式布局

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

下拉刷新动画

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

自定义导航

提供天气组件,切换样式

首页、我的业务

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

广告业务模块

前言

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

广告组件

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

思路1 继承后重写

思路2 iOS分类

结论

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

上一篇 下一篇

猜你喜欢

热点阅读