前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【iOS】基于Realm数据库的记账软件--钱包/记账模块(四)终

【iOS】基于Realm数据库的记账软件--钱包/记账模块(四)终

作者头像
MapleYe
发布2020-03-30 17:05:20
7870
发布2020-03-30 17:05:20
举报
文章被收录于专栏:MapleYeMapleYe

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、总结

那么,这记账项目就此结束了。有很多细节无法一一说明,所以大家有不懂的欢迎提问。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、前言
  • 2、钱包详情界面的搭建
    • 2.1、导航栏的设置
    • 3、数据查询
    • 4、记账模块
    • 5、总结
    相关产品与服务
    腾讯云 BI
    腾讯云 BI(Business Intelligence,BI)提供从数据源接入、数据建模到数据可视化分析全流程的BI能力,帮助经营者快速获取决策数据依据。系统采用敏捷自助式设计,使用者仅需通过简单拖拽即可完成原本复杂的报表开发过程,并支持报表的分享、推送等企业协作场景。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档