1、前言
接下来，我们将开始钱包模块和记账模块。其实钱包模块是整个项目中最简单的一部分了，所以我将挑几个点说一说~还是老规矩，先看看界面效果: 图一：
这里写图片描述
图二：
这里写图片描述
2、钱包详情界面的搭建
钱包界面主要是由图一，图二组成的。图一的搭建比较简单，就不说明了。接下来看看图二的搭建吧。
2.1、导航栏的设置
从图二可以看到，我们的导航栏“不见了“。这里的实现方式其实是隐藏了导航栏的背景，并且添加了一块高为64的View覆盖在原来的导航栏上。关于导航栏的隐藏，可以看一下这一篇博客。
结构图：
这里写图片描述
因此我们只需要在ViewWillAppear，以及ViewWillDisappear对导航栏做设置，代码如下
代码语言：javascript复制- (void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated];
self.navigationController.navigationBar.tintColor = [UIColor whiteColor];
// 设置导航栏背景为透明
[self.navigationController.navigationBar setBackgroundImage:[UIImage new]forBarMetrics:UIBarMetricsDefault];
// 隐藏导航栏底部黑线
self.navigationController.navigationBar.shadowImage = [UIImage new];
self.topbarView.backgroundColor = [UIColor colorWithHexString:_accountModel.colorStr];
}
- (void)viewWillDisappear:(BOOL)animated
{
[super viewWillDisappear:animated];
// 还原导航栏样式
[self.navigationController.navigationBar setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
self.navigationController.navigationBar.shadowImage = nil;
self.navigationController.navigationBar.tintColor = kNavTintColor;
}3、数据查询
这里的查询条件如下：
- 当前账本
- 选择的账户
- 选择的年月
- 逆序（靠近当前日期的顺序）
为实现图二的显示效果，我们需要以"日"单位为组成一个又一个group，group包含一日内的所有账单。因此，转化成对应的查询代码如下：
代码语言：javascript复制_billGroupedArray = [NSMutableArray array];
NSMutableArray *group = [NSMutableArray array];
// 查询 当前账本 选择的账户 选择的年月 逆序的数据
RLMResults *results = [[MPBillManager shareManager] getBillsInAccount:_accountModel inAnMonth:self.selectedDate];
// 对查询的结果进行加工，以"日"为单位，组合数据
if(results.count >= 1)
{
// 上一个bill模型
MPBillModel *prebill = results.firstObject;
[group addObject:prebill];
for(int i = 1; i < results.count; i )
{
MPBillModel *bill = results[i];
if([prebill.dateStr isEqualToString:bill.dateStr])
{
// 相同日期，加入到同一group中
[group addObject:bill];
}
else
{
// 不同日期
[_billGroupedArray addObject:group];
// 创建新的组
group = [NSMutableArray array];
[group addObject:bill];
prebill = bill;
}
}
if(group.count > 0)
[_billGroupedArray addObject:group];4、记账模块
还剩下一个模块报表模块，其实报表的模块没什么好写的，因此就不打算说明了。报表模块主要是使用github上的Charts框架。我使用这个框架，绘制了饼状图和折线图，分别对应以下两个类：
代码语言：javascript复制// 饼状图
PieChartView
// 折线图
LineChartView讲真，这个框架学习成本还是挺高的。如果嫌麻烦的筒子们，可以直接跳过，自己用QuartZ2D绘制，可能会更快呢。对于想学习这个框架的使用的筒子，建议你们看看demo，或者别人写的一些demo吧。例如，这一篇就挺不错的。 http://www.jianshu.com/p/039d6d9ff3f7 效果图不能少：
这里写图片描述
这里写图片描述
5、总结
那么，这记账项目就此结束了。有很多细节无法一一说明，所以大家有不懂的欢迎提问。
