交易明细架构练手


先上效果图:


交易明细架构练手_第1张图片
001.PNG

交易明细架构练手_第2张图片
002.PNG

交易明细架构练手_第3张图片
003.PNG

设计模式:MVVM

V层:

经效果图,初步设计的容器视图:列表视图头视图月份切换按钮筛选按钮月份选择列表筛选项列表
所有视图的绑定数据都由 VM层 提供;

  • 考虑到所有的数据其实都基于一个详细明细节点,所以要先设计 M层 的数据节点,我们将它定义为: TLVC_mItem
    TLVC_mItem包含了一笔交易的详细信息,如:卡号、金额、时间、流水号、交易状态等。

M层:

TLVC_mItem {
+(instance) itemWithDetailNode:(NSDictionary*)node;

}

VM层:

你可能感兴趣的:(交易明细架构练手)