【iOS】基于Realm数据库的记账软件–钱包/记账模块（四）终
- 2020 年 3 月 30 日
- 筆記
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、总结
那么，这记账项目就此结束了。有很多细节无法一一说明，所以大家有不懂的欢迎提问。
