首页 > 代码库 > 移动记账-作品展示(视频,截图)

移动记账-作品展示(视频,截图)

  移动记账,是我第一个独立开发完成的较为完整的APP,包括界面的设计和代码的编写。该APP基本功能是能记录每一天的消费或收入,并以圆饼图和折线图显示统计的结果,并具有3D-Touch、指纹识别、手势密码、搜索账目等功能。

  使用工具:Xcode、Git、CocoaPods、Sketch

  涉及技术或框架:CoreData、CoreLocation、3D-Touch、指纹识别、SDAutoLayout和其他一些第三方框架

 

  完整视频展示:https://v.qq.com/x/page/u03744kfe89.html    (建议看高清或超清)

    以下为该移动记账的截图:

 

  明细界面系列

  主界面                          年月选择                       

  技术分享  技术分享

  搜索账目功能                      账目详情(不带图片)

  技术分享  技术分享

  账目详情(带图片)                   点击图片后可执行的操作

  技术分享  技术分享

  点击查看大图,此处可放大缩小(右上角的按钮可删除已选择的图片)

  技术分享

  左滑账目可删除

  技术分享  技术分享

 

  添加账目界面系列

  添加账目                        选择类别(支出)

  技术分享  技术分享

  选择类别(收入)                     输入金额

  技术分享  技术分享

  选择日期                       编辑位置

  技术分享  技术分享

  添加账目完成提示                    不选择类别直接按保存会出现提示

  技术分享  技术分享

  不输入金额直接按保存会出现提示

  技术分享

 

  统计图表系列

  圆饼比例图表(支出)                   圆饼比例图表(收入)

  技术分享  技术分享

  圆饼比例图选择年月

  技术分享

  折线趋势图表(支出和收入)               折线趋势图表选择年份

  技术分享  技术分享

  折线趋势图表(只显示收入)               折线趋势图表(只显示支出) 

  技术分享  技术分享

 

  侧栏安全保护功能系列(其余尚未实现)  

  侧栏列表                         安全保护功能

  技术分享  技术分享

  手势密码

  设置手势密码                       设置手势密码后可修改

  技术分享  技术分享

  修改手势密码                        设置手势密码后打开APP需要验证

  技术分享  技术分享

  指纹识别

  开启指纹识别后打开APP需要验证

  技术分享  技术分享

 

  3D Touch

  主屏幕按压可快速进入添加账目界面              主界面按压账目可快速浏览

  技术分享  技术分享

移动记账-作品展示(视频,截图)