《从零开始的记账本开发》第3篇 代码实现

最新推荐文章于 2023-05-23 22:50:05 发布
最新推荐文章于 2023-05-23 22:50:05 发布
阅读量2.2k 收藏 21
点赞数 3
分类专栏： 软件工程 文章标签： 软件工程 移动开发 Android MVVM
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41548460/article/details/104030701
版权

前言

代码实现部分较为冗长，代码部分后面我会给出GitHub仓库地址。插件统计出来的代码量有点夸张，实际上没这么多，关键地方使用了第三方来解决问题。所以详细开发过程我就不讲述了，GitHub的代码仓库里有注释！

一、开发环境

  • 开发环境：Android studio 3.5
  • 版本控制：GitHub
  • 运行平台：Android5.1以上

二、模式和第三方库

1、软件模式——MVVM

2、用到的第三方库

Gson gson:2.8.4
日历 material-calendarview:1.4.3
选择器 Android-PickerView:4.1.9
图表 MPAndroidChart:v3.0.3
SwipeRecyclerView recyclerview:x:1.3.2
网格布局分页 PageGridView:1.2.1

3、Google官方库

    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'androidx.appcompat:appcompat:1.1.0'
    implementation 'com.google.android.material:material:1.0.0'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    implementation 'androidx.navigation:navigation-fragment:2.1.0'
    implementation 'androidx.navigation:navigation-ui:2.1.0'
    implementation 'androidx.lifecycle:lifecycle-extensions:2.1.0'
    implementation 'androidx.legacy:legacy-support-v4:1.0.0'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test:runner:1.2.0'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'

    def room_version = '2.2.1'
    implementation "androidx.room:room-runtime:$room_version"
    annotationProcessor "androidx.room:room-compiler:$room_version"

    def lifecycle_version = "2.1.0"
    implementation "androidx.lifecycle:lifecycle-extensions:$lifecycle_version"
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'

三、开发总结

该软件的构建遵循一定的技术规范、代码风格。虽然这仅是一个类似于简单的记账APP，首先该软件采用的是MVVM的软件模式，为MVC的进化版本。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图UI和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出Model的数据同时帮忙处理View 中由于需要展示内容而涉及的业务逻辑。

该模式需要ViewModel来配合使用，数据库使用ROOM来封装，大大简化了SQL语句的编写，对数据库的操作是极其耗时的。我们定义了Dao接口和单实例抽象类，之后实现时采用了异步线程。将数据库获取的数据使用LIveData封装，使Activity和Fragment作为观察者能够动态感知数据库的数据变化，并通知更新界面。在标签界面采用了DataBinding，降低布局和逻辑的耦合性，使代码逻辑更加清晰。

在主页的导航上，我使用了谷歌原生BottomNavigationView进行底部的导航。同一个Activity上管理着多个fragment。Fragment之间传递对象数据时用gson先将其序列化，之后再反序列化。在列表显示里使用了RecycleView。图表显示采用了强大的第三封装好的绘图库，当然还有其他的布局可以通过查阅其文档来结合自身需求进行个性化。

软件中的标签图像来自阿里巴巴矢量图库，免费开源。其他的系统图标为Android官方提供的开源矢量图。

查阅了大量的Google Android的官方开发文档，虽然这仅是一个简单的APP，但其设计原则以及各类依赖项均是较是较新的

Github仓库地址 代码可下载编译直接运行

 

本系列教程到此完结，软件界面见《从零开始的记账本开发》第0篇 背景介绍及软件界面

!angway
关注
  • 3
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Android 记账本源码_记账本_记账本app代码_eversry_记账_记账源码_
10-04
这款"Android 记账本源码"提供了一个简单的记账App演示，它可以帮助我们深入理解Android应用程序的开发流程，特别是针对金融类应用的功能实现和用户体验设计。下面我们将详细探讨这款应用可能包含的一些关键技术点。...
使用RecyclerView实现多行水平分页的GridView效果和ViewPager效果
热门推荐
StoneHui
07-10 4万+
前些天看到有人在论坛上问这种效果怎么实现，没写过也没用过这个功能，网上查了一下，大多是使用ViewPager+GridView或者HorizontalScrollView+GridView实现，不过貌似有点复杂，太懒，没仔细看。这两天学习RecyclerView的使用（网上有很多文章，建议大家阅读本博客的时候先去了解一下），发现RecyclerView可以实现GridView 的横向滚动效果，不过没
Android 仿美团GridView分页滑动（类似直播礼物列表效果）
shenggaofei的博客
10-27 2931
Android 仿美团GridView分页滑动，类似直播礼物列表效果，在GridView展示时添加了动画效果，希望看到这篇文章的你喜欢 效果图： RecyclerView实现分页滑动效果 直接贴出所有代码： 1.GridViewActivity类： import android.support.v4.view.ViewPager; import android.view.L...
androidstudio 单元测试
weixin_41584333的博客
08-07 196
依赖支撑 testImplementation 'junit:junit:4.12' androidTestImplementation 'androidx.test:runner:1.2.0' androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0' ctrl + shift + T
python小功能之记账本
qq_52482117的博客
05-23 944
使用CSV文件来存储支出记录。您可以根据需要进行扩展和自定义。运行程序后，可以选择记账、查看支出或退出。
【附源码】Java计算机毕业设计安卓PHP记账本APP（程序+LW+部署）
wek106的博客
03-23 726
项目运行环境配置：Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。项目技术：java+ mybatis + Maven等等组成，B/S模式 + Maven管理等等。环境需要1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA。
Android 个人记账程序安卓APP开发源代码
09-29
【Android 个人记账程序安卓APP开发源代码】是一个适合初学者学习的项目，它涵盖了Android应用程序开发的基础知识，特别是如何构建一个简单的个人财务管理应用。这个项目主要利用了Sqlite数据库来存储和管理用户的...
Android开发基于Java实现的记事本和记账本app源码(期末大作业).zip
最新发布
12-15
Android开发基于Java实现的记事本和记账本app源码(期末大作业).zipAndroid开发基于Java实现的记事本和记账本app源码(期末大作业).zipAndroid开发基于Java实现的记事本和记账本app源码(期末大作业).zipAndroid开发...
java毕业设计基于Android的个人记账软件的设计与实现源代码.zip
06-06
java毕业设计基于Android的个人记账软件的设计与实现源代码。附带apk安装包，在app/release/目录下，可以下载到安卓手机上使用。功能包括： 注册、登录、密码可见或不可见、记住密码、修改密码。 记账：收入或支出...
基于Android的记账本开发项目源码
12-26
在本项目中，“基于Android的记账本开发项目源码YunAccount”是一个适用于学习和实践的Android应用程序，旨在帮助用户记录日常生活中的收支情况。这个开源项目为Android开发者提供了宝贵的资源，可以用来深入理解...
PageGridView-ViewPager GridView组合控件实现网格布局分页效果.zip
09-23
PageGridViewViewPager GridView组合控件实现网格布局分页效果大多数app首页界面一般貌似可以滑动切换上下页的网格布局，这种效果用得挺多，可惜Android原生是没有这样的控件的。在工作中，我也用到过几次。但每次实现都是按ctrl A C V，代码写得也不优雅，就是再次重新复制粘贴，也避免不了看上几眼，修改修改，特别不爽快。每次吐槽的同时在想，下次我要再用到这种效果，我就将这些代码关进小黑屋。拒绝再写重复代码，虽然大多数只是按ctrl A C V。这次，我终于要将自己吐槽时的想法付之行动的。再写之前，为了避免重复造轮子。在网上搜了好多次，嗯，没有意外，我还是没有发现到惊喜。那就开始行动了。这种效果用ViewPager GridView实现，那我就叫它PageGridView吧(其实名字我也想了好久）有用的话，star一下也是不错的!!!PageGridView 特点可自由定制Item布局无需写adapter适配器,直接调用setData()方法填充数据只需实体类继承ItemModel即可可显示本地图、网络图、资源ID图标，由开发者实现动态计算PageGridView高度，不需要在布局里面写固定高度可重复setData()方法刷新数据PageGridView自定义属性属性名说明默认值pageSize每页大小8numColumns列数4isShowIndicator是否显示指示器trueselectedIndicator选中指示点资源IDR.mipmap.ic_dot_selectedunSelectedIndicator未选中指示点资源IDR.mipmap.ic_dot_normalindicatorGravity指示器位置centerindicatorPaddingLeft指示器左内边距0pxindicatorPaddingRight指示器右内边距0pxindicatorPaddingTop指示器上内边距0pxindicatorPaddingBottom指示器下内边距0pxindicatorPadding指示器内边距0pxindicatorBackground指示器背景颜色Color.WHITEitemViewItem布局R.layout.item_view约定规则Item布局必须给定具体高度，默认itemView布局的高度为@dimen/item_height=80dpItem布局 TextView的id 为R.id.tv_item_nameItem布局 ImageView的id 为R.id.iv_item_iconItem默认点击效果R.drawable.selector_item_view_bgItem点击颜色值：R.color.item_view_selected_colorItem背景颜色值：R.color.item_view_normal_color一行四列效果图两行四列效果图自定义Item布局效果图PageGridView使用Gradle 依赖库implementation 'com.wihaohao:PageGridView:1.0.1'默认布局一般默认参数即可满足需求<com.wihaohao.PageGridView           android:id="@ id/vp_grid_view"           android:layout_width="match_parent"           android:layout_height="wrap_content"           />一行4列的布局  <com.wihaohao.PageGridView           android:id="@ id/vp_grid_view"           android:layout_width="match_parent"           android:layout_height="wrap_content"           app:numColumns="4"           app:pageSize="4"           app:selectedIndicator="@mipmap/ic_dot_selected"           app:unSelectedIndicator="@mipmap/ic_dot_normal"           app:isShowIndicator="true"           />两行4列的布局    <com.wihaohao.PageGridView         android:id="@ id/vp_grid_view"         android:layout_width="match_parent"         android:layout_height="wrap_content"         app:indicatorPadding="10dp"         app:isShowIndicator="true"         app:itemView="@layout/my_item_view"         app:numColumns="4"         app:pageSize="8"         app:selectedIndicator="@mipmap/ic_dot_selected"         app:unSelectedIndicator="@mipmap/ic_dot_normal" />自定义Item布局 <com.wihaohao.PageGridView                 android:id="@ id/p_grid_view2"         android:layout_width="match_parent"         android:layout_height="wrap_content"         app:indicatorGravity="right"         app:indicatorPaddingRight="@dimen/padding_10"         app:isShowIndicator="true"         app:itemView="@layout/item_custom"         app:indicatorBackground="@color/colorPrimary"         app:numColumns="5"         app:pageSize="5"/>ItemModelpublic abstract static class ItemModel {                 /**                  * 返回item名字                  *                  * @return                  */         protected abstract String getItemName();         /**                  * 设置图标                  *                  * @param imageView         */         protected abstract void setIcon(ImageView imageView);          /**                  * 特殊需求，重写该方法，设置item                  *                  * @param itemView                  */         protected void setItemView(View itemView) {         }     }Model继承VpGridView.ItemModel 为item赋值和设置图标public abstract static class ItemModel {                 /**                  * 返回item名字                  *                  * @return         */         protected abstract String getItemName();                 /**                  * 设置图标                  *                  * @param imageView                  */         protected abstract void setIcon(ImageView imageView);                 /**                  * 特殊需求，重写该方法，设置item                  *                  * @param itemView                  */         protected void setItemView(View itemView) {         }     }继承VpGridView.ItemModel 设置ItemViewpublic class MyIconModel extends PageGridView.ItemModel {     private String name;         private int iconId;         public String getName() {             return name;     }         public void setName(String name) {             this.name = name;     }         public int getIconId() {             return iconId;     }         public void setIconId(int iconId) {             this.iconId = iconId;     }         public MyIconModel(String name, int iconId) {             this.name = name;             this.iconId = iconId;     }         @Override     protected String getItemName() {             return name;     }         @Override     protected void setIcon(ImageView imageView) {         imageView.setImageResource(iconId);     } }PageGridView的使用public class MainActivity extends AppCompatActivity {     List<MyIconModel> mList;         List<CustomModel> mList2;         private PageGridView<MyIconModel> mPageGridView;         private PageGridView<CustomModel> mPageGridView2;         @Override     protected void onCreate(Bundle savedInstanceState) {                 super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);         mPageGridView =findViewById(R.id.vp_grid_view);         initData();         mPageGridView.setData(mList);         mPageGridView.setOnItemClickListener(new PageGridView.OnItemClickListener() {            @Override             public void onItemClick(int position) {                Toast.makeText(MainActivity.this,position "",Toast.LENGTH_SHORT).show();             }         });        //自定义item         mPageGridView2=findViewById(R.id.p_grid_view2);         mPageGridView2.setData(mList2);     }         private void initData() {         mList=new ArrayList<>();         mList2=new ArrayList<>();                 for(int i=0;i<30;i ){             mList.add(new MyIconModel("测试" i,R.mipmap.ic_launcher));             mList2.add(new CustomModel("标题" i));         }     } }
Android 网格分页布局。
未来很长，但我会努力的走下去。
01-10 1182
pager-layoutmanager 项目地址：GcsSloop/pager-layoutmanager  简介：Android 网格分页布局。 更多：作者   提 Bug   官网    标签：   具有分页功能的 Recyclerview 布局管理器，主打分页，可以替代部分场景下的网格布局，线性布局，以及一些简单的 ViewPager，但也有一定的局限性，请选择性使用。 网格分...
java 语音识别demo,android集成百度语音识别demo apk遇到的坑
weixin_39713335的博客
03-14 319
【开发环境】android studio 3.4.2image先到百度语音官网上查看集成指南imageimage离在线融合SDK(audiobd_speech_sdk_asr_v3.0.12.3_20190515_c9eed5d.zip)直接参考SDK中的ActivityMiniRecog类【代码部分】1、app\build.gradleapply plugin: 'com.android.app...
记账本源码
weixin_34023982的博客
01-24 793
2019独角兽企业重金招聘Python工程师标准>>> ...
ViewPager实现网格页切换效果（viewpager+gridview）PageGridView
xiyangyang8110的博客
03-10 1311
借助三方开源框架 https://github.com/wowhellogo/PageGridView 如果依赖不上，可下载其源码，核心只用到PageGridView这一个类 package com.ruhai.yibei.test; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Color; import android.util.AttributeSet; .
查询后，翻页问题的解决办法
akpaul6677的博客
02-06 489
//查询后，翻页问题的解决办法2。(GridView1.PageIndex = e.NewPageIndex;) 1．前面的翻页解决办法，只是实现目的的变通办法，适合简单的查询页面。下面的则是正面的解决办法。 2．在GridView的事件中，双击PageIndexChanging事件，在.cs文件中写GridView1_PageIndexChanging函数。 3．在该函数中，把查...
Fragment+ViewPage+GridView结合使用
03-16 657
Fragment+ViewPage+GridView结合使用，GridView的每一子项可以点击。
初级项目——记账系统、双色球
发量旺盛的博客
07-02 799
简单的JAVA初级项目
安卓开发记账本app的页面实现的代码在哪个包里
06-09
在Android开发中，页面通常被称为Activity，每个Activity通常都对应着一个Java类和一个XML布局文件。 记账本App的页面实现代码应该在Java包中的对应Activity类中，布局文件则应该在res/layout目录下。 具体来说，比如说你要查看记账本App的添加支出页面代码，那么你需要在Java包中查找名为"AddExpenseActivity"或类似名字的Java类，同时在res/layout目录下查找名为"activity_add_expense.xml"或类似名字的XML布局文件。 一般来说，在Android Studio中，你可以通过在项目视图中打开app/src/main/java和app/src/main/res目录来找到对应的Java和XML文件。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值