1、前言

接下来，我们将开始钱包模块和记账模块。其实钱包模块是整个项目中最简单的一部分了，所以我将挑几个点说一说~还是老规矩，先看看界面效果:
图一：

图二：

2、钱包详情界面的搭建

钱包界面主要是由图一，图二组成的。图一的搭建比较简单，就不说明了。接下来看看图二的搭建吧。

2.1、导航栏的设置

从图二可以看到，我们的导航栏“不见了“。这里的实现方式其实是隐藏了导航栏的背景，并且添加了一块高为64的View覆盖在原来的导航栏上。关于导航栏的隐藏，可以看一下这一篇博客。

结构图：

因此我们只需要在ViewWillAppear，以及ViewWillDisappear对导航栏做设置，代码如下

- (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包含一日内的所有账单。因此，转化成对应的查询代码如下：

_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框架。我使用这个框架，绘制了饼状图和折线图，分别对应以下两个类：

// 饼状图
PieChartView
// 折线图
LineChartView

讲真，这个框架学习成本还是挺高的。如果嫌麻烦的筒子们，可以直接跳过，自己用QuartZ2D绘制，可能会更快呢。对于想学习这个框架的使用的筒子，建议你们看看demo，或者别人写的一些demo吧。例如，这一篇就挺不错的。
http://www.jianshu.com/p/039d6d9ff3f7
效果图不能少：

5、总结

那么，这记账项目就此结束了。有很多细节无法一一说明，所以大家有不懂的欢迎提问。最后再放项目的github地址吧。

https://github.com/maple1994/MPTally

如果你觉得喜欢，麻烦给我一个start~