[奇妙盒子]制作一款记账工具

By | 2020年7月7日

最近在网上看到很多网友询问几款主流记账类App的替代品,原因是这几款记账App都开始收费了。这里我用”奇妙盒子”做了一个功能还算比较全的记账App,通过Mac端的“奇妙盒子”你可以对具体功能和页面风格进行修改。(文末会给出工程链接)

 功能简介


  1. 添加记录 – 记录支出或收入金额、类型、时间、备注等
  2. 本月信息 – 首页显示本月收入和支出总额。 列表展示所有记账记录,支持左滑删除
  3. 记账详情 – 点击记账记录进入记账详情页。支持对记录信息的修改
  4. 明细分析 – 点击首页顶部图片进入。按月列出记账记录,统计当月总额。可以过滤显示指定类别(如餐饮)的所有花销记录
  5. 可视化图表 – 点击首页右上角按钮进入。饼图展示今年各个类别的花销比例。柱状图显示今年逐月支出的信息。

效果预览


首页

添加记录

 


工程设计逻辑


本操作在Mac端小盒子上完成

  • 第一步: 设计数据库表。主要包含date(日期), money(金额), subType(类型),type(支出或收入)几个字段

  • 第二步:  设置页面数据。即控件所需要的数据。该数据后面会设置来源和去向(设置给某个控件), 如果是通过自定义查询语句获取的数据 则需要自定义数据模型,并保证字段名和查询出来的字段名匹配 (如下图是通过自定义查询获取的图表数组)

  • 第三步: 添加数据库操作。从数据库获取你需要的数据。简单的查询或删除可以直接通过选择过滤条件来实现。如果是复杂的查询则需要自己编写sql查询语句 (下图是自定义的查询本月总支出的sql)

  • 接下来剩下的操作就只剩把数据库拿到的值设置给指定的控件了

如果你还有其他疑问,可以用Mac端奇妙盒子打开工程包进行查看具体的设置细节。

工程下载地址:  记账本

2 thoughts on “[奇妙盒子]制作一款记账工具

  1. 张测试

    能不能做类似新闻类app比如网易新闻和腾讯新闻的。他们的列表比较复杂。不知道可不可以做,谢谢

    Reply
    1. yeekyo Post author

      目前列表里的‘传统列表’只支持一种简单样式 图片+标题+描述 。多样式的混合暂时还不支持,不过后续会考虑强化,谢谢你的提议,我已经记录下来了,不过目前项目还处于基础功能完善阶段,这部分强化可能还要等一段时间

      Reply

发表评论

电子邮件地址不会被公开。 必填项已用*标注