先上效果图:
设计模式:MVVM
V层:
经效果图,初步设计的容器视图:列表视图
、头视图
、月份切换按钮
、筛选按钮
、月份选择列表
、筛选项列表
;
所有视图的绑定数据都由 VM层 提供;
- 考虑到所有的数据其实都基于一个详细明细节点,所以要先设计 M层 的数据节点,我们将它定义为:
TLVC_mItem
。
TLVC_mItem
包含了一笔交易的详细信息,如:卡号、金额、时间、流水号、交易状态等。
M层:
TLVC_mItem {
+(instance) itemWithDetailNode:(NSDictionary*)node;
}