Android Studio 实现小熊记账本 (功能多，简单)

一、高质量源码（非开源，白嫖低价勿扰）

   

关注公众号：《编程乐学》

   

后台复兴：24010601

    同款低价传送链接（仅9.9）：
  网络资源模板--基于 Android Studio 实现的简约记账本-CSDN博客
  目次
前言
一、运行演示
二、开发环境
三、完成步骤
步骤 1：创建项目
步骤 2：创建包名
步骤 3：实现启动页
步骤 5：实现用户注册
步骤 6：实现用户登录
步骤 7：实现主页面编写
步骤 8：记账页面编写
步骤 9：历史记录页面编写
步骤10：我的页面的编写
步骤11：账单搜刮页面的编写
步骤12：统计页面的编写
四、获取源码

---

前言

       本次实现的Android Studio 小熊记账本 (功能多，简单)项目，核心功能是可以记录收支情况，可以给收支选择各种分类选项，好比“餐饮”、“零食”、“购物”等等，还可以添加备注和修改日期。然后会在首页展示你的本月支持和收入信息，还可以选择隐蔽信息掩护隐私。通过【账单记录】可以查察自己的所有账单记录，通过【账单详情】可以看到用柱状图显示的账单情况，在设置内里可以清空所有数据，长按可以删除单条数据，功能非常全面丰富。

---

一、运行演示

   我们先来看下运行演示结果
      Android Studio 实现小熊记账本App
  二、开发环境

           我的开发环境如下，各人的AS版本不必要和我相同，只要是近两年从官网下载的版本，都是比4.0.0 （2020）高的，是可以满意运行和开发要求的。
  三、完成步骤

步骤 1：创建项目

        打开 Android studio 开发工具后，进行项目创建，左上角 File—>New Project、填写后点击 Finish 完成创建！
步骤 2：创建包名

        选中com.example.note包 名 右 键 New — >package 并按需求依次 activity（存放各类 Activity）、adapter（存放各类适配器） 等包名，后续代码将按对应包名去创建，并将 MainActivity.java 移动到 activity包 下

步骤 3：实现启动页

        在 activity包上右键创建 New—>Activity—>Empty Activity 选项创建 Activity 后弹 出对话框，输入相关信息，即可创建 Activity.
启动页页面结构配景放置一张自己喜好的logo即可

这里我们直接看java部分代码：

1. package com.example.tallybook.Activity;
3. import android.content.Intent;
4. import android.os.Bundle;
5. import android.os.CountDownTimer;
6. import android.os.Handler;
8. import androidx.appcompat.app.AppCompatActivity;
10. import com.example.tallybook.R;
12. public class StartActivity extends AppCompatActivity {
13.     private Handler handler = new Handler();
14.     private Runnable runnable = new Runnable() {
15.         @Override
16.         public void run() {
17.             tomainActive();
18.         }
19.     };
20.     // 进入主页面
21.     private void tomainActive() {
22.         startActivity(new Intent(this, LoginActivity.class));
23.         // 跳转完成后注销
24.         finish();
25.     }
26.     @Override
27.     protected void onCreate(Bundle savedInstanceState) {
28.         super.onCreate(savedInstanceState);
29.         setContentView(R.layout.activity_start);
30.       
31.     }
33.    
34. }

复制代码

步骤 5：实现用户注册

        在 activity包上右键创建 New—>Activity—>Empty Activity 选项创建 Activity 后弹 出对话框，输入相关信息，即可创建 Activity.
用户注册页面结构代码如下所示：

1. <?xml version="1.0" encoding="utf-8"?>
2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     xmlns:tools="http://schemas.android.com/tools"
5.     android:layout_width="match_parent"
6.     android:layout_height="match_parent"
7.     android:background="#c3def0"
8.     tools:context=".Activity.RegisterActivity">
10.     <LinearLayout
11.         android:layout_width="0dp"
12.         android:layout_height="0dp"
13.         android:layout_marginStart="32dp"
14.         android:layout_marginTop="24dp"
15.         android:layout_marginEnd="32dp"
16.         android:orientation="vertical"
17.         app:layout_constraintBottom_toBottomOf="parent"
18.         app:layout_constraintEnd_toEndOf="parent"
19.         app:layout_constraintHorizontal_bias="0.494"
20.         app:layout_constraintStart_toStartOf="parent"
21.         app:layout_constraintTop_toBottomOf="@+id/imageView2">
23.         <EditText
24.             android:id="@+id/username_edittext"
25.             android:layout_width="match_parent"
26.             android:layout_height="wrap_content"
27.             android:hint="请输入账号"
28.             android:textColor="#4d7ea8"
29.             android:textColorHint="#4d7ea8" />
31.         <EditText
32.             android:id="@+id/password_edittext"
33.             android:layout_width="match_parent"
34.             android:layout_height="wrap_content"
35.             android:layout_marginTop="20dp"
36.             android:hint="请输入密码"
37.             android:inputType="textPassword"
38.             android:textColor="#85a7dc"
39.             android:textColorHint="#4d7ea8" />
41.         <EditText
42.             android:id="@+id/repassword_edittext"
43.             android:layout_width="match_parent"
44.             android:layout_height="wrap_content"
45.             android:layout_marginTop="20dp"
46.             android:hint="请再次输入密码"
47.             android:inputType="textPassword"
48.             android:textColor="#4d7ea8"
49.             android:textColorHint="#4d7ea8" />
51.         <TextView
52.             android:id="@+id/tv_login"
53.             android:layout_width="match_parent"
54.             android:layout_height="wrap_content"
55.             android:layout_marginTop="10dp"
56.             android:gravity="center|right"
57.             android:text="已有帐号，立即登录！"
58.             android:textColor="#4d7ea8"
59.             android:textSize="14sp"
60.             android:textStyle="bold" />
62.         <Button
63.             android:id="@+id/register_button"
64.             android:layout_width="match_parent"
65.             android:layout_height="40dp"
66.             android:layout_marginTop="50dp"
67.             android:background="@drawable/lr_btn"
68.             android:text="立 即 注 册"
69.             android:textColor="#c3def0"
70.             android:textSize="18sp" />
71.     </LinearLayout>
73.     <ImageView
74.         android:id="@+id/imageView2"
75.         android:layout_width="0dp"
76.         android:layout_height="200dp"
77.         android:layout_marginTop="16dp"
78.         app:layout_constraintEnd_toEndOf="parent"
79.         app:layout_constraintStart_toStartOf="parent"
80.         app:layout_constraintTop_toTopOf="parent"
81.         app:srcCompat="@drawable/logo" />
82. </androidx.constraintlayout.widget.ConstraintLayout>

复制代码

编写 RegisterActivity.java 的代码为：

1. package com.example.tallybook.Activity;
3. import android.content.Intent;
4. import android.os.Bundle;
5. import android.view.View;
6. import android.widget.Button;
7. import android.widget.EditText;
8. import android.widget.TextView;
9. import android.widget.Toast;
11. import androidx.appcompat.app.AppCompatActivity;
13. import com.example.tallybook.Data.DatabaseHelper;
14. import com.example.tallybook.R;
16. public class RegisterActivity extends AppCompatActivity {
18.     private EditText mUserNameEditText;
19.     private EditText mPasswordEditText,mRePasswordEditText;
20.     private TextView tvLogin;
22.     @Override
23.     protected void onCreate(Bundle savedInstanceState) {
24.         super.onCreate(savedInstanceState);
25.         setContentView(R.layout.activity_register);
27.         mUserNameEditText = findViewById(R.id.username_edittext);
28.         mPasswordEditText = findViewById(R.id.password_edittext);
29.         mRePasswordEditText = findViewById(R.id.repassword_edittext);
30.         tvLogin = findViewById(R.id.tv_login);
32.       
33.         // 跳转登陆页面
34.         tvLogin.setOnClickListener(new View.OnClickListener() {
35.             @Override
36.             public void onClick(View v) {
37.                 Intent intent = new Intent(RegisterActivity.this, LoginActivity.class);
38.                 startActivity(intent);
39.                 finish();
40.             }
41.         });
43.         Button registerButton = findViewById(R.id.register_button);
44.         registerButton.setOnClickListener(new View.OnClickListener() {
45.             @Override
46.             public void onClick(View v) {
47.                 // 获取输入的账号密码
48.                 String username = mUserNameEditText.getText().toString().trim();
49.                 String password = mPasswordEditText.getText().toString().trim();
50.                 String repassword = mRePasswordEditText.getText().toString().trim();
52.                 if (username.isEmpty() || password.isEmpty()) {
53.                     Toast.makeText(getApplicationContext(), "请输入账号或密码", Toast.LENGTH_SHORT).show();
54.                     return;
55.                 }
56.                 if (!password.equals(repassword)) {
57.                     Toast.makeText(getApplicationContext(), "密码不一致，请重新输入", Toast.LENGTH_SHORT).show();
58.                     return;
59.                 }
60.                 boolean result = mDatabaseHelper.insertData(username, password);
61.                 if (result) {
62.                     Toast.makeText(getApplicationContext(), "注册成功", Toast.LENGTH_SHORT).show();
63.                     Intent intent = new Intent(RegisterActivity.this, LoginActivity.class);
64.                     startActivity(intent);
65.                     finish();
66.                 } else {
67.                     Toast.makeText(getApplicationContext(), "注册失败", Toast.LENGTH_SHORT).show();
68.                 }
69.             }
70.         });
71.     }
72. }

复制代码

步骤 6：实现用户登录

        在 activity包上右键创建 New—>Activity—>Empty Activity 选项的对话框下输入 LoginActivity 创建,同时会在 res-layout 生成 activity_login.xml 文件.
activity_login.xml页面代码如下所示L:

1. <?xml version="1.0" encoding="utf-8"?>
2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     xmlns:tools="http://schemas.android.com/tools"
5.     android:layout_width="match_parent"
6.     android:layout_height="match_parent"
7.     android:background="#c3def0"
8.     tools:context=".Activity.LoginActivity">
10.     <LinearLayout
11.         android:layout_width="0dp"
12.         android:layout_height="0dp"
13.         android:layout_marginStart="32dp"
14.         android:layout_marginTop="24dp"
15.         android:layout_marginEnd="32dp"
16.         android:orientation="vertical"
17.         app:layout_constraintBottom_toBottomOf="parent"
18.         app:layout_constraintEnd_toEndOf="parent"
19.         app:layout_constraintStart_toStartOf="parent"
20.         app:layout_constraintTop_toBottomOf="@+id/imageView">
22.         <EditText
23.             android:id="@+id/username_edittext"
24.             android:layout_width="match_parent"
25.             android:layout_height="wrap_content"
26.             android:hint="请输入账号"
27.             android:textColor="#4d7ea8"
28.             android:textColorHint="#4d7ea8" />
30.         <EditText
31.             android:id="@+id/password_edittext"
32.             android:layout_width="match_parent"
33.             android:layout_height="wrap_content"
34.             android:layout_marginTop="20dp"
35.             android:hint="请输入密码"
36.             android:inputType="textPassword"
37.             android:textColor="#4d7ea8"
38.             android:textColorHint="#4d7ea8" />
40.         <LinearLayout
41.             android:layout_width="match_parent"
42.             android:layout_height="wrap_content"
43.             android:layout_marginTop="10dp"
44.             android:orientation="horizontal">
46.             <TextView
47.                 android:id="@+id/textView5"
48.                 android:layout_width="wrap_content"
49.                 android:layout_height="wrap_content"
50.                 android:gravity="center|right"
51.                 android:text="忘记密码？"
52.                 android:textColor="#4d7ea8"
53.                 android:textSize="14sp"
54.                 android:textStyle="bold" />
56.             <TextView
57.                 android:id="@+id/register_button"
58.                 android:layout_width="match_parent"
59.                 android:layout_height="wrap_content"
60.                 android:gravity="center|right"
61.                 android:text="还没有账号？立即注册！"
62.                 android:textColor="#4d7ea8"
63.                 android:textSize="14sp"
64.                 android:textStyle="bold" />
65.         </LinearLayout>
67.         <Button
68.             android:id="@+id/login_button"
69.             android:layout_width="match_parent"
70.             android:layout_height="40dp"
71.             android:layout_marginTop="60dp"
72.             android:background="@drawable/lr_btn"
73.             android:text="立 即 登 录"
74.             android:textColor="#c3def0"
75.             android:textSize="18sp" />
77.     </LinearLayout>
79.     <ImageView
80.         android:id="@+id/imageView"
81.         android:layout_width="0dp"
82.         android:layout_height="200dp"
83.         android:layout_marginTop="16dp"
84.         app:layout_constraintEnd_toEndOf="parent"
85.         app:layout_constraintStart_toStartOf="parent"
86.         app:layout_constraintTop_toTopOf="parent"
87.         app:srcCompat="@drawable/logo" />
88. </androidx.constraintlayout.widget.ConstraintLayout>

复制代码

对应的Java页面代码如下所示：

1. package com.example.tallybook.Activity;
3. import android.content.Intent;
4. import android.os.Bundle;
5. import android.view.View;
6. import android.widget.Button;
7. import android.widget.EditText;
8. import android.widget.TextView;
9. import android.widget.Toast;
11. import androidx.appcompat.app.AppCompatActivity;
13. import com.example.tallybook.Data.DatabaseHelper;
14. import com.example.tallybook.R;
16. public class LoginActivity extends AppCompatActivity {
18.     private EditText mUserNameEditText;
19.     private EditText mPasswordEditText;
20.     private Button mLoginButton;
21.     private TextView rEgisterButton;
24.     @Override
25.     protected void onCreate(Bundle savedInstanceState) {
26.         super.onCreate(savedInstanceState);
27.         setContentView(R.layout.activity_login);
28.         mUserNameEditText = findViewById(R.id.username_edittext);
29.         mPasswordEditText = findViewById(R.id.password_edittext);
30.         mLoginButton = findViewById(R.id.login_button);
31.         rEgisterButton = findViewById(R.id.register_button);
32.    
33.         // 跳转注册页面
34.         rEgisterButton.setOnClickListener(new View.OnClickListener() {
35.             @Override
36.             public void onClick(View v) {
37.                 Intent intent = new Intent(LoginActivity.this, RegisterActivity.class);
38.                 startActivity(intent);
39.                 finish();
40.             }
41.         });
44.         // 登陆验证并跳转主页面
45.         mLoginButton.setOnClickListener(new View.OnClickListener() {
46.             @Override
47.             public void onClick(View v) {
48.                 // 获取输入的账号密码
49.                 String username = mUserNameEditText.getText().toString().trim();
50.                 String password = mPasswordEditText.getText().toString().trim();
52.                 if (username.isEmpty() || password.isEmpty()) {
53.                     Toast.makeText(getApplicationContext(), "请输入账号或密码", Toast.LENGTH_SHORT).show();
54.                     return;
55.                 }
57.                 boolean result = mDatabaseHelper.checkUser(username, password);
58.                 if (result) {
59.                     Toast.makeText(getApplicationContext(), "登陆成功", Toast.LENGTH_SHORT).show();
60.                     Intent intent = new Intent(LoginActivity.this, MainActivity.class);
61.                     startActivity(intent);
62.                     finish();
63.                 } else {
64.                     Toast.makeText(getApplicationContext(), "账号或密码错误", Toast.LENGTH_SHORT).show();
65.                 }
66.             }
67.         });
68.     }
69. }

复制代码

       

        编译代码启动 App，在登录页面（LoginActivity）的注册按钮中点击跳转注册 页面（RegisterActivity）进行注册，注册成功后主动返回登录页面进行登录 操作，登录成功之后正常跳转主页面（MainActivity）。
步骤 7：实现主页面编写

        我们先来看activity_main.xml代码，详情结构代码如下所示：

1. <?xml version="1.0" encoding="utf-8"?>
2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     xmlns:tools="http://schemas.android.com/tools"
5.     android:layout_width="match_parent"
6.     android:layout_height="match_parent"
7.     android:background="#c3def0"
8.     tools:context=".Activity.MainActivity">
10.     <FrameLayout
11.         android:id="@+id/fr"
12.         android:layout_width="0dp"
13.         android:layout_height="0dp"
14.         app:layout_constraintBottom_toTopOf="@+id/linearLayout"
15.         app:layout_constraintEnd_toEndOf="parent"
16.         app:layout_constraintHorizontal_bias="0.533"
17.         app:layout_constraintStart_toStartOf="parent"
18.         app:layout_constraintTop_toTopOf="parent">
20.     </FrameLayout>
22.     <LinearLayout
23.         android:id="@+id/linearLayout"
24.         android:layout_width="0dp"
25.         android:layout_height="wrap_content"
26.         android:background="#AAD3EF"
27.         android:orientation="vertical"
28.         app:layout_constraintBottom_toBottomOf="parent"
29.         app:layout_constraintEnd_toEndOf="parent"
30.         app:layout_constraintStart_toStartOf="parent">
32.         <LinearLayout
33.             android:layout_width="match_parent"
34.             android:layout_height="wrap_content"
35.             android:layout_marginTop="8dp"
36.             android:orientation="horizontal">
38.             <ImageView
39.                 android:id="@+id/img_home"
40.                 android:layout_width="25dp"
41.                 android:layout_height="25dp"
42.                 android:layout_weight="1"
43.                 android:src="@drawable/home" />
45.             <ImageView
46.                 android:id="@+id/img_records"
47.                 android:layout_width="25dp"
48.                 android:layout_height="25dp"
49.                 android:layout_weight="1"
50.                 android:src="@drawable/records" />
52.             <ImageView
53.                 android:id="@+id/img_bill"
54.                 android:layout_width="25dp"
55.                 android:layout_height="25dp"
56.                 android:layout_weight="1"
57.                 android:src="@drawable/bill" />
59.             <ImageView
60.                 android:id="@+id/img_mine"
61.                 android:layout_width="25dp"
62.                 android:layout_height="25dp"
63.                 android:layout_weight="1"
64.                 android:src="@drawable/mine" />
65.         </LinearLayout>
67.         <LinearLayout
68.             android:layout_width="match_parent"
69.             android:layout_height="match_parent"
70.             android:layout_marginTop="4dp"
71.             android:layout_marginBottom="4dp"
72.             android:orientation="horizontal">
74.             <TextView
75.                 android:id="@+id/tv_home"
76.                 android:layout_width="25dp"
77.                 android:layout_height="wrap_content"
78.                 android:layout_weight="1"
79.                 android:gravity="center"
80.                 android:text="首页"
81.                 android:textColor="#e6e6e6"
82.                 android:textSize="8sp"
83.                 android:textStyle="bold" />
85.             <TextView
86.                 android:id="@+id/tv_records"
87.                 android:layout_width="25dp"
88.                 android:layout_height="wrap_content"
89.                 android:layout_weight="1"
90.                 android:gravity="center"
91.                 android:text="记一笔"
92.                 android:textColor="#e6e6e6"
93.                 android:textSize="8sp"
94.                 android:textStyle="bold" />
96.             <TextView
97.                 android:id="@+id/tv_bill"
98.                 android:layout_width="25dp"
99.                 android:layout_height="wrap_content"
100.                 android:layout_weight="1"
101.                 android:gravity="center"
102.                 android:text="历史账单"
103.                 android:textColor="#e6e6e6"
104.                 android:textSize="8sp"
105.                 android:textStyle="bold" />
107.             <TextView
108.                 android:id="@+id/tv_mine"
109.                 android:layout_width="25dp"
110.                 android:layout_height="wrap_content"
111.                 android:layout_weight="1"
112.                 android:gravity="center"
113.                 android:text="我的"
114.                 android:textColor="#e6e6e6"
115.                 android:textSize="8sp"
116.                 android:textStyle="bold" />
117.         </LinearLayout>
118.     </LinearLayout>
120. </androidx.constraintlayout.widget.ConstraintLayout>

复制代码

        接下来我们看逻辑代码，这里我们实现的是页面跳转功能，详情代码如下所示：

1. package com.example.tallybook.Activity;
3. import android.graphics.Color;
4. import android.os.Bundle;
5. import android.view.View;
6. import android.widget.FrameLayout;
7. import android.widget.ImageView;
8. import android.widget.TextView;
10. import androidx.appcompat.app.AppCompatActivity;
12. import com.example.tallybook.R;
14. public class MainActivity extends AppCompatActivity {
15.     private ImageView imgHome;
16.     private ImageView imgRecords;
17.     private ImageView imgBill;
18.     private ImageView imgMine;
19.     private TextView tvHome;
20.     private TextView tvRecords;
21.     private TextView tvBill;
22.     private TextView tvMine;
24.     @Override
25.     protected void onCreate(Bundle savedInstanceState) {
26.         super.onCreate(savedInstanceState);
27.         setContentView(R.layout.activity_main);
28.         initView();
29.         Navigation();
30.         imgHome.callOnClick();//进入页面默认点击首页
31.     }
33.     // 点击控件进行页面转换
34.     private void Navigation() {
35.         // 首页
36.         imgHome.setOnClickListener(new View.OnClickListener() {
37.             @Override
38.             public void onClick(View v) {
39.                
40.                           }
41.         });
42.         // 记账页面
43.         imgRecords.setOnClickListener(new View.OnClickListener() {
44.             @Override
45.             public void onClick(View v) {
46.               
47.                
48.             }
49.         });
50.         // 历史账单页面
51.         imgBill.setOnClickListener(new View.OnClickListener() {
52.             @Override
53.             public void onClick(View v) {
54.               
55.             
56.             }
57.         });
58.         // 我的页面
59.         imgMine.setOnClickListener(new View.OnClickListener() {
60.             @Override
61.             public void onClick(View v) {
62.             
63.                          }
64.         });
65.     }
69.     }
71.     private void initView() {
72.         imgHome = findViewById(R.id.img_home);
73.         imgRecords = findViewById(R.id.img_records);
74.         imgBill = findViewById(R.id.img_bill);
75.         imgMine = findViewById(R.id.img_mine);
76.         tvHome = findViewById(R.id.tv_home);
77.         tvRecords = findViewById(R.id.tv_records);
78.         tvBill = findViewById(R.id.tv_bill);
79.         tvMine = findViewById(R.id.tv_mine);
80.     }
81. }

复制代码

步骤 8：记账页面编写

        我们先来看结构代码，这里我们用到了ViewPAge列表来显示，详情代码如下所示：

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     android:layout_width="match_parent"
5.     android:layout_height="match_parent"
6.     android:background="#c3def0"
7.     android:orientation="vertical">
9.     <RelativeLayout
10.         android:layout_width="match_parent"
11.         android:layout_height="50dp">
13.         <com.google.android.material.tabs.TabLayout
14.             android:id="@+id/record_tabs"
15.             android:layout_width="wrap_content"
16.             android:layout_height="match_parent"
17.             android:layout_centerHorizontal="true"
18.             app:tabGravity="center"
19.             app:tabIndicatorColor="@color/black"
20.             app:tabMode="fixed"
21.             app:tabSelectedTextColor="@color/black"
22.             app:tabTextColor="@color/grey_7D7D7D" />
23.     </RelativeLayout>
25.     <androidx.viewpager.widget.ViewPager
26.         android:id="@+id/record_vp"
27.         android:layout_width="match_parent"
28.         android:layout_height="match_parent"
29.         android:background="#c3def0" />
30. </LinearLayout>

复制代码

然后我们进行逻辑代码的编写，实现显示添加付出收入记录功能

1. package com.example.tallybook.Fragment;
3. import android.os.Bundle;
4. import android.view.LayoutInflater;
5. import android.view.View;
6. import android.view.ViewGroup;
8. import androidx.annotation.NonNull;
9. import androidx.annotation.Nullable;
10. import androidx.fragment.app.Fragment;
11. import androidx.viewpager.widget.ViewPager;
13. import com.example.tallybook.Adapter.RecordPagerAdapter;
14. import com.google.android.material.tabs.TabLayout;
15. import com.example.tallybook.R;
16. import java.util.ArrayList;
17. import java.util.List;
19. public class RecordsFragment extends Fragment {
20.     private TabLayout tabLayout;
21.     private ViewPager viewPager;
23.     @Nullable
24.     @Override
25.     public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
26.         // Inflate the layout for this fragment
27.         View view = inflater.inflate(R.layout.fragment_records, container, false);
29.         //1.查找控件
30.         tabLayout = view.findViewById(R.id.record_tabs);
31.         viewPager = view.findViewById(R.id.record_vp);
32.         //2.设置ViewPager加载页面
33.         initPager();
34.         return view;
35.     }
37.     private void initPager() {
39. //        创建适配器
40.         RecordPagerAdapter pagerAdapter = new RecordPagerAdapter(getChildFragmentManager(), fragmentList);
41. //        设置适配器
42.         viewPager.setAdapter(pagerAdapter);
43.         //将TabLayout和ViwePager进行关联
44.         tabLayout.setupWithViewPager(viewPager);
45.     }
47. }

复制代码

步骤 9：历史记录页面编写

        这里直使用listview列表显示内容：

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent"
5.     android:background="#c3def0"
6.     android:orientation="vertical">
8.     <RelativeLayout
9.         android:layout_width="match_parent"
10.         android:layout_height="50dp">
12.         <TextView
13.             android:layout_width="wrap_content"
14.             android:layout_height="wrap_content"
15.             android:layout_centerInParent="true"
16.             android:text="@string/history_record"
17.             android:textColor="#4d7ea8"
18.             android:textSize="24sp"
19.             android:textStyle="bold" />
21.         <ImageView
22.             android:id="@+id/history_iv_rili"
23.             android:layout_width="wrap_content"
24.             android:layout_height="match_parent"
25.             android:layout_alignParentRight="true"
26.             android:layout_marginRight="10dp"
27.             android:onClick="onClick"
28.             android:src="@mipmap/it_rili" />
29.     </RelativeLayout>
31.     <RelativeLayout
32.         android:layout_width="match_parent"
33.         android:layout_height="wrap_content"
34.         android:padding="10dp">
36.         <TextView
37.             android:id="@+id/history_tv_time"
38.             android:layout_width="wrap_content"
39.             android:layout_height="wrap_content"
40.             android:text="2024年01月"
41.             android:textColor="#4d7ea8"
42.             android:textStyle="bold" />
44.     </RelativeLayout>
46.     <ListView
47.         android:id="@+id/history_lv"
48.         android:layout_width="match_parent"
49.         android:layout_height="match_parent"
50.         android:divider="@null"
51.         android:dividerHeight="5dp"
52.         android:padding="10dp" />
53. </LinearLayout>

复制代码

然后对应的逻辑代码如下所示：

1. package com.example.tallybook.Fragment;
3. import android.app.AlertDialog;
4. import android.content.DialogInterface;
5. import android.os.Bundle;
6. import android.view.LayoutInflater;
7. import android.view.View;
8. import android.view.ViewGroup;
9. import android.widget.AdapterView;
10. import android.widget.ImageView;
11. import android.widget.ListView;
12. import android.widget.TextView;
14. import com.example.tallybook.R;
16. import androidx.annotation.NonNull;
17. import androidx.annotation.Nullable;
18. import androidx.fragment.app.Fragment;
20. import com.example.tallybook.Adapter.AccountAdapter;
21. import com.example.tallybook.Bean.AccountBean;
22. import com.example.tallybook.Data.DBManager;
23. import com.example.tallybook.utils.CalendarDialog;
25. import java.util.ArrayList;
26. import java.util.Calendar;
27. import java.util.List;
29. public class BillFragment extends Fragment {
30.     ListView historyLv;
31.     TextView timeTv;
32. private ImageView riliIv;
33.     List<AccountBean> mDatas;
34.     AccountAdapter adapter;
35.     int year, month;
36.     int dialogSelPos = -1;
37.     int dialogSelMonth = -1;
39.     @Nullable
40.     @Override
41.     public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
42.         View view = inflater.inflate(R.layout.fragment_bill, container, false);
44.         historyLv = view.findViewById(R.id.history_lv);
45.         timeTv = view.findViewById(R.id.history_tv_time);
46.         riliIv = view.findViewById(R.id.history_iv_rili);
47.       
48.         mDatas = new ArrayList<>();
49.         // 设置适配器
50.         adapter = new AccountAdapter(getActivity(), mDatas);
51.         historyLv.setAdapter(adapter);
52.         initTime();
53.         timeTv.setText(year + "年" + month + "月");
54.         loadData(year, month);
55.         setLVClickListener();
56.         return view;
57.     }
59.     /*设置ListView每一个item的长按事件*/
60.     private void setLVClickListener() {
61.         historyLv.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
62.             @Override
63.             public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
64.                 AccountBean accountBean = mDatas.get(position);
65.                 deleteItem(accountBean);
66.                 return false;
67.             }
68.         });
69.     }
71.   
73.     /* 获取指定年份月份收支情况的列表*/
74.     private void loadData(int year, int month) {
75.         List<AccountBean> list = DBManager.getAccountListOneMonthFromAccounttb(year, month);
76.         mDatas.clear();
77.         mDatas.addAll(list);
78.         adapter.notifyDataSetChanged();
79.     }
81.     private void initTime() {
82.         Calendar calendar = Calendar.getInstance();
83.         year = calendar.get(Calendar.YEAR);
84.         month = calendar.get(Calendar.MONTH) + 1;
85.     }
87. }

复制代码

步骤10：我的页面的编写

       页面结构代码如下所示：

1. <?xml version="1.0" encoding="utf-8"?>
2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     xmlns:tools="http://schemas.android.com/tools"
5.     android:layout_width="match_parent"
6.     android:layout_height="match_parent"
7.     android:background="#c3def0"
8.     tools:context=".Fragment.MineFragment">
10.     <ImageView
11.         android:id="@+id/img_logo"
12.         android:layout_width="0dp"
13.         android:layout_height="200dp"
14.         android:layout_marginTop="16dp"
15.         android:src="@drawable/logo"
16.         app:layout_constraintEnd_toEndOf="parent"
17.         app:layout_constraintHorizontal_bias="0.0"
18.         app:layout_constraintStart_toStartOf="parent"
19.         app:layout_constraintTop_toTopOf="parent" />
21.     <View
22.         android:id="@+id/view4"
23.         android:layout_width="0dp"
24.         android:layout_height="50dp"
25.         android:layout_marginStart="24dp"
26.         android:layout_marginTop="16dp"
27.         android:layout_marginEnd="24dp"
28.         android:background="@drawable/fragment_home_view"
29.         app:layout_constraintEnd_toEndOf="parent"
30.         app:layout_constraintStart_toStartOf="parent"
31.         app:layout_constraintTop_toBottomOf="@+id/img_logo" />
33.     <LinearLayout
34.         android:id="@+id/ll_clear"
35.         android:layout_width="0dp"
36.         android:layout_height="0dp"
37.         android:layout_marginStart="16dp"
38.         android:layout_marginEnd="16dp"
39.         android:gravity="center"
40.         android:orientation="horizontal"
41.         app:layout_constraintBottom_toBottomOf="@+id/view4"
42.         app:layout_constraintEnd_toEndOf="@+id/view4"
43.         app:layout_constraintHorizontal_bias="0.39"
44.         app:layout_constraintStart_toStartOf="@+id/view4"
45.         app:layout_constraintTop_toTopOf="@+id/view4">
47.         <ImageView
48.             android:id="@+id/imageView3"
49.             android:layout_width="35dp"
50.             android:layout_height="35dp"
51.             android:src="@drawable/clear" />
53.         <TextView
54.             android:id="@+id/textView"
55.             android:layout_width="wrap_content"
56.             android:layout_height="wrap_content"
57.             android:layout_marginLeft="16dp"
58.             android:layout_weight="1"
59.             android:text="清空记录"
60.             android:textColor="#183878"
61.             android:textSize="15sp"
62.             android:textStyle="bold" />
64.         <ImageView
65.             android:id="@+id/imageView4"
66.             android:layout_width="10dp"
67.             android:layout_height="10dp"
68.             android:src="@drawable/jiantou" />
69.     </LinearLayout>
71.     <View
72.         android:id="@+id/view11"
73.         android:layout_width="0dp"
74.         android:layout_height="50dp"
75.         android:layout_marginTop="16dp"
76.         android:background="@drawable/fragment_home_view"
77.         app:layout_constraintEnd_toEndOf="@+id/view4"
78.         app:layout_constraintStart_toStartOf="@+id/view4"
79.         app:layout_constraintTop_toBottomOf="@+id/view4" />
81.     <LinearLayout
82.         android:id="@+id/ll_ss"
83.         android:layout_width="0dp"
84.         android:layout_height="0dp"
85.         android:layout_marginStart="16dp"
86.         android:layout_marginTop="4dp"
87.         android:layout_marginEnd="16dp"
88.         android:layout_marginBottom="4dp"
89.         android:gravity="center"
90.         android:orientation="horizontal"
91.         app:layout_constraintBottom_toBottomOf="@+id/view11"
92.         app:layout_constraintEnd_toEndOf="@+id/view11"
93.         app:layout_constraintStart_toStartOf="@+id/view11"
94.         app:layout_constraintTop_toTopOf="@+id/view11">
96.         <ImageView
97.             android:id="@+id/imageView8"
98.             android:layout_width="35dp"
99.             android:layout_height="35dp"
100.             android:src="@drawable/ss" />
102.         <TextView
103.             android:id="@+id/textView10"
104.             android:layout_width="wrap_content"
105.             android:layout_height="wrap_content"
106.             android:layout_marginLeft="16dp"
107.             android:layout_weight="1"
108.             android:text="搜索账单"
109.             android:textColor="#183878"
110.             android:textSize="15sp"
111.             android:textStyle="bold" />
113.         <ImageView
114.             android:id="@+id/imageView9"
115.             android:layout_width="10dp"
116.             android:layout_height="10dp"
117.             android:src="@drawable/jiantou" />
118.     </LinearLayout>
120.     <View
121.         android:id="@+id/view"
122.         android:layout_width="0dp"
123.         android:layout_height="50dp"
124.         android:layout_marginTop="16dp"
125.         android:background="@drawable/fragment_home_view"
126.         app:layout_constraintEnd_toEndOf="@+id/view11"
127.         app:layout_constraintStart_toStartOf="@+id/view11"
128.         app:layout_constraintTop_toBottomOf="@+id/view11" />
130.     <LinearLayout
131.         android:id="@+id/ll_statistics"
132.         android:layout_width="0dp"
133.         android:layout_height="0dp"
134.         android:layout_marginStart="16dp"
135.         android:layout_marginTop="4dp"
136.         android:layout_marginEnd="16dp"
137.         android:layout_marginBottom="4dp"
138.         android:gravity="center"
139.         android:orientation="horizontal"
140.         app:layout_constraintBottom_toBottomOf="@+id/view"
141.         app:layout_constraintEnd_toEndOf="@+id/view"
142.         app:layout_constraintStart_toStartOf="@+id/view"
143.         app:layout_constraintTop_toTopOf="@+id/view">
145.         <ImageView
146.             android:id="@+id/imageView10"
147.             android:layout_width="35dp"
148.             android:layout_height="35dp"
149.             android:src="@drawable/tj" />
151.         <TextView
152.             android:id="@+id/textView2"
153.             android:layout_width="match_parent"
154.             android:layout_height="wrap_content"
155.             android:layout_marginLeft="16dp"
156.             android:layout_weight="1"
157.             android:text="账单统计"
158.             android:textColor="#183878"
159.             android:textSize="15sp"
160.             android:textStyle="bold" />
162.         <ImageView
163.             android:id="@+id/imageView5"
164.             android:layout_width="10dp"
165.             android:layout_height="10dp"
166.             android:src="@drawable/jiantou" />
167.     </LinearLayout>
169.     <View
170.         android:id="@+id/view2"
171.         android:layout_width="0dp"
172.         android:layout_height="50dp"
173.         android:layout_marginTop="16dp"
174.         android:background="@drawable/fragment_home_view"
175.         app:layout_constraintEnd_toEndOf="@+id/view"
176.         app:layout_constraintStart_toStartOf="@+id/view"
177.         app:layout_constraintTop_toBottomOf="@+id/view5" />
179.     <LinearLayout
180.         android:id="@+id/ll_changePassword"
181.         android:layout_width="0dp"
182.         android:layout_height="0dp"
183.         android:layout_marginStart="16dp"
184.         android:layout_marginTop="4dp"
185.         android:layout_marginEnd="16dp"
186.         android:layout_marginBottom="4dp"
187.         android:gravity="center"
188.         android:orientation="horizontal"
189.         app:layout_constraintBottom_toBottomOf="@+id/view2"
190.         app:layout_constraintEnd_toEndOf="@+id/view2"
191.         app:layout_constraintStart_toStartOf="@+id/view2"
192.         app:layout_constraintTop_toTopOf="@+id/view2">
194.         <ImageView
195.             android:id="@+id/imageView11"
196.             android:layout_width="35dp"
197.             android:layout_height="35dp"
198.             android:src="@drawable/modifypass" />
200.         <TextView
201.             android:id="@+id/textView3"
202.             android:layout_width="match_parent"
203.             android:layout_height="wrap_content"
204.             android:layout_marginLeft="16dp"
205.             android:layout_weight="1"
206.             android:text="修改密码"
207.             android:textColor="#183878"
208.             android:textSize="15sp"
209.             android:textStyle="bold" />
211.         <ImageView
212.             android:id="@+id/imageView6"
213.             android:layout_width="10dp"
214.             android:layout_height="10dp"
215.             android:src="@drawable/jiantou" />
216.     </LinearLayout>
218.     <View
219.         android:id="@+id/view5"
220.         android:layout_width="0dp"
221.         android:layout_height="50dp"
222.         android:layout_marginTop="16dp"
223.         android:background="@drawable/fragment_home_view"
224.         app:layout_constraintEnd_toEndOf="@+id/view"
225.         app:layout_constraintStart_toStartOf="@+id/view"
226.         app:layout_constraintTop_toBottomOf="@+id/view" />
228.     <LinearLayout
229.         android:id="@+id/ll_budget"
230.         android:layout_width="0dp"
231.         android:layout_height="0dp"
232.         android:layout_marginStart="16dp"
233.         android:layout_marginTop="4dp"
234.         android:layout_marginEnd="16dp"
235.         android:layout_marginBottom="4dp"
236.         android:gravity="center"
237.         android:orientation="horizontal"
238.         app:layout_constraintBottom_toBottomOf="@+id/view5"
239.         app:layout_constraintEnd_toEndOf="@+id/view5"
240.         app:layout_constraintStart_toStartOf="@+id/view5"
241.         app:layout_constraintTop_toTopOf="@+id/view5">
243.         <ImageView
244.             android:id="@+id/imageView13"
245.             android:layout_width="35dp"
246.             android:layout_height="35dp"
247.             android:src="@drawable/budget" />
249.         <TextView
250.             android:id="@+id/textView11"
251.             android:layout_width="wrap_content"
252.             android:layout_height="wrap_content"
253.             android:layout_marginLeft="16dp"
254.             android:layout_weight="1"
255.             android:text="设置预算"
256.             android:textColor="#183878"
257.             android:textSize="15sp"
258.             android:textStyle="bold" />
260.         <ImageView
261.             android:id="@+id/imageView14"
262.             android:layout_width="10dp"
263.             android:layout_height="10dp"
264.             android:src="@drawable/jiantou" />
265.     </LinearLayout>
267.     <View
268.         android:id="@+id/view3"
269.         android:layout_width="0dp"
270.         android:layout_height="50dp"
271.         android:layout_marginTop="16dp"
272.         android:background="@drawable/fragment_home_view"
273.         app:layout_constraintEnd_toEndOf="@+id/view2"
274.         app:layout_constraintHorizontal_bias="0.0"
275.         app:layout_constraintStart_toStartOf="@+id/view2"
276.         app:layout_constraintTop_toBottomOf="@+id/view2" />
278.     <LinearLayout
279.         android:id="@+id/ll_edit"
280.         android:layout_width="0dp"
281.         android:layout_height="0dp"
282.         android:layout_marginStart="16dp"
283.         android:layout_marginTop="4dp"
284.         android:layout_marginEnd="16dp"
285.         android:layout_marginBottom="4dp"
286.         android:gravity="center"
287.         android:orientation="horizontal"
288.         app:layout_constraintBottom_toBottomOf="@+id/view3"
289.         app:layout_constraintEnd_toEndOf="@+id/view3"
290.         app:layout_constraintStart_toStartOf="@+id/view3"
291.         app:layout_constraintTop_toTopOf="@+id/view3">
293.         <ImageView
294.             android:id="@+id/imageView12"
295.             android:layout_width="30dp"
296.             android:layout_height="30dp"
297.             android:src="@drawable/edit" />
299.         <TextView
300.             android:id="@+id/textView4"
301.             android:layout_width="match_parent"
302.             android:layout_height="wrap_content"
303.             android:layout_marginLeft="16dp"
304.             android:layout_weight="1"
305.             android:text="退出软件"
306.             android:textColor="#183878"
307.             android:textSize="15sp"
308.             android:textStyle="bold" />
310.         <ImageView
311.             android:id="@+id/imageView7"
312.             android:layout_width="10dp"
313.             android:layout_height="10dp"
314.             android:src="@drawable/jiantou" />
315.     </LinearLayout>
317. </androidx.constraintlayout.widget.ConstraintLayout>

复制代码

       
         MineFragment是一个用于显示用户个人信息和提供个人设置功能的Android Fragment类。它包含了清空账单、搜刮账单、账单统计、设置预算、修改密码和退出软件等功能。
        通过点击差别的按钮，用户可以执行相应的操作，比方删除所有记录、跳转到搜刮账单界面、跳转到账单统计界面、设置预算金额、修改密码和退出软件。此外，MineFragment还使用了DatabaseHelper类和SharedPreferences类来进行数据库操作和存储预算金额。

1. package com.example.tallybook.Fragment;
3. import android.app.AlertDialog;
4. import android.content.Context;
5. import android.content.DialogInterface;
6. import android.content.Intent;
7. import android.content.SharedPreferences;
8. import android.os.Bundle;
9. import android.text.TextUtils;
10. import android.view.LayoutInflater;
11. import android.view.View;
12. import android.view.ViewGroup;
13. import android.widget.EditText;
14. import android.widget.LinearLayout;
15. import android.widget.Toast;
17. import androidx.fragment.app.Fragment;
19. import com.example.tallybook.Activity.LoginActivity;
20. import com.example.tallybook.Activity.SearchActivity;
21. import com.example.tallybook.Activity.StatisticsActivity;
22. import com.example.tallybook.Data.DBManager;
23. import com.example.tallybook.Data.DatabaseHelper;
24. import com.example.tallybook.R;
25. import com.example.tallybook.utils.BudgetDialog;
27. public class MineFragment extends Fragment {
28.     private LinearLayout llEdit, llChangePassword, llStatistics, llClear, llSs, llBudget;
29.     private DatabaseHelper mDatabaseHelper;
30.     SharedPreferences preferences;
31.     int year,month,day;
32.     @Override
33.     public View onCreateView(LayoutInflater inflater, ViewGroup container,
34.                              Bundle savedInstanceState) {
35.         View view = inflater.inflate(R.layout.fragment_mine, container, false);
36.         initView(view);
37.         clear();
38.         ss();
39.         statistics();
40.         budget();
41.         changePassword();
42.         edit();
43.         mDatabaseHelper = new DatabaseHelper(getContext());
44.         preferences = getActivity().getSharedPreferences("budget", Context.MODE_PRIVATE);
46.         return view;
47.     }
50.     // 清空账单
51.     private void clear() {
52.         llClear.setOnClickListener(new View.OnClickListener() {
53.             @Override
54.             public void onClick(View v) {
55.                 AlertDialog.Builder builder = new AlertDialog.Builder(getContext());
56.                 builder.setTitle("清空提示：")
57.                         .setMessage("您确定要删除所有记录么？\n* 删除后无法恢复，请慎重选择！")
58.                         .setPositiveButton("取消", null)
59.                         .setNegativeButton("确定", new DialogInterface.OnClickListener() {
60.                             @Override
61.                             public void onClick(DialogInterface dialog, int which) {
62.                                 DBManager.deleteAllAccount();
63.                                 preferences.edit().clear().apply();
64.                                 Toast.makeText(getActivity(), "删除成功！", Toast.LENGTH_SHORT).show();
65.                             }
66.                         });
67.                 builder.create().show();
68.             }
69.         });
71.     }
73.     // 搜索账单
74.     private void ss() {
75.         llSs.setOnClickListener(new View.OnClickListener() {
76.             @Override
77.             public void onClick(View v) {
78.                 Intent it = new Intent(getActivity(), SearchActivity.class);  //跳转界面
79.                 startActivity(it);
80.             }
81.         });
83.     }
85.     // 账单统计
86.     private void statistics() {
87.         llStatistics.setOnClickListener(new View.OnClickListener() {
88.             @Override
89.             public void onClick(View v) {
90.                 Intent intent = new Intent(getActivity(), StatisticsActivity.class);
91.                 startActivity(intent);
92.             }
93.         });
95.     }
96.   
98.     private void initView(View view) {
99.         llClear = view.findViewById(R.id.ll_clear);
100.         llStatistics = view.findViewById(R.id.ll_statistics);
101.         llChangePassword = view.findViewById(R.id.ll_changePassword);
102.         llEdit = view.findViewById(R.id.ll_edit);
103.         llSs = view.findViewById(R.id.ll_ss);
104.         llBudget = view.findViewById(R.id.ll_budget);
105.     }
106. }

复制代码

步骤11：账单搜刮页面的编写

         这个页面比力简单，使用listview列表和数据库查询显示完成，我们先来看结构文件代码

1. <?xml version="1.0" encoding="utf-8"?>
2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     xmlns:tools="http://schemas.android.com/tools"
5.     android:layout_width="match_parent"
6.     android:layout_height="match_parent"
7.     android:background="#c3def0"
8.     android:orientation="vertical">
10.     <View
11.         android:id="@+id/view10"
12.         android:layout_width="0dp"
13.         android:layout_height="55dp"
14.         android:background="#4d7ea8"
15.         app:layout_constraintEnd_toEndOf="parent"
16.         app:layout_constraintStart_toStartOf="parent"
17.         app:layout_constraintTop_toTopOf="parent" />
19.     <ImageView
20.         android:id="@+id/search_iv_back"
21.         android:layout_width="20dp"
22.         android:layout_height="20dp"
23.         android:layout_marginStart="16dp"
24.         android:onClick="onClick"
25.         android:src="@mipmap/it_back"
26.         app:layout_constraintBottom_toBottomOf="@+id/view10"
27.         app:layout_constraintStart_toStartOf="parent"
28.         app:layout_constraintTop_toTopOf="parent" />
30.     <EditText
31.         android:id="@+id/search_et"
32.         android:layout_width="0dp"
33.         android:layout_height="40dp"
34.         android:layout_marginStart="32dp"
35.         android:layout_marginTop="16dp"
36.         android:layout_marginEnd="32dp"
37.         android:background="@drawable/dialog_btn_bg"
38.         android:hint="@string/please_search_info"
39.         android:paddingLeft="20dp"
40.         android:paddingTop="10dp"
41.         android:paddingBottom="10dp"
42.         android:textSize="16sp"
43.         app:layout_constraintEnd_toEndOf="parent"
44.         app:layout_constraintStart_toStartOf="parent"
45.         app:layout_constraintTop_toBottomOf="@+id/view10">
47.         <requestFocus />
48.     </EditText>
50.     <TextView
51.         android:id="@+id/textView9"
52.         android:layout_width="wrap_content"
53.         android:layout_height="wrap_content"
54.         android:text="账单搜索"
55.         android:textColor="#c3def0"
56.         android:textSize="24sp"
57.         app:layout_constraintBottom_toBottomOf="@+id/view10"
58.         app:layout_constraintEnd_toEndOf="parent"
59.         app:layout_constraintStart_toStartOf="parent"
60.         app:layout_constraintTop_toTopOf="@+id/view10" />
62.     <ImageView
63.         android:id="@+id/search_iv_sh"
64.         android:layout_width="wrap_content"
65.         android:layout_height="wrap_content"
66.         android:layout_marginEnd="16dp"
67.         android:onClick="onClick"
68.         android:src="@mipmap/search"
69.         app:layout_constraintBottom_toBottomOf="@+id/search_et"
70.         app:layout_constraintEnd_toEndOf="@+id/search_et"
71.         app:layout_constraintTop_toTopOf="@+id/search_et" />
73.     <ListView
74.         android:id="@+id/search_lv"
75.         android:layout_width="0dp"
76.         android:layout_height="0dp"
77.         android:layout_marginStart="8dp"
78.         android:layout_marginTop="8dp"
79.         android:layout_marginEnd="8dp"
80.         android:divider="#c3def0"
81.         android:dividerHeight="6dp"
82.         android:visibility="visible"
83.         app:layout_constraintBottom_toBottomOf="parent"
84.         app:layout_constraintEnd_toEndOf="parent"
85.         app:layout_constraintStart_toStartOf="parent"
86.         app:layout_constraintTop_toBottomOf="@+id/search_et" />
88.     <TextView
89.         android:id="@+id/search_tv_empty"
90.         android:layout_width="229dp"
91.         android:layout_height="211dp"
92.         android:drawableTop="@mipmap/it_searchtext"
93.         android:gravity="center"
94.         android:text="@string/date_empty"
95.         android:textSize="18sp"
96.         android:visibility="visible"
97.         app:layout_constraintBottom_toBottomOf="parent"
98.         app:layout_constraintEnd_toEndOf="parent"
99.         app:layout_constraintStart_toStartOf="parent"
100.         app:layout_constraintTop_toBottomOf="@+id/search_et" />
102. </androidx.constraintlayout.widget.ConstraintLayout>

复制代码

        通过用户输入关键词进行搜刮，并将搜刮结果显示在ListView中。该类使用了DBManager类来进行数据库操作，并使用了AccountAdapter类来显示搜刮结果。通过点击差别的按钮，用户可以执行返回和搜刮操作。

1. package com.example.tallybook.Activity;
3. import android.os.Bundle;
4. import android.text.TextUtils;
5. import android.view.View;
6. import android.widget.EditText;
7. import android.widget.ListView;
8. import android.widget.TextView;
9. import android.widget.Toast;
11. import androidx.appcompat.app.AppCompatActivity;
13. import com.example.tallybook.Adapter.AccountAdapter;
14. import com.example.tallybook.Bean.AccountBean;
15. import com.example.tallybook.Data.DBManager;
16. import com.example.tallybook.R;
18. import java.util.ArrayList;
19. import java.util.List;
21. public class SearchActivity extends AppCompatActivity {
22.     ListView searchLv;
23.     EditText searchEt;
24.     TextView emptyTv;
25.     List<AccountBean> mDatas;   //数据源
26.     AccountAdapter adapter;    //适配器对象
27.     @Override
28.     protected void onCreate(Bundle savedInstanceState) {
29.         super.onCreate(savedInstanceState);
30.         setContentView(R.layout.activity_search);
31.         initView();
32.         searchLv.setEmptyView(emptyTv);   //设置无数局时，显示的控件
33.     }
35.     private void initView() {
36.         searchEt = findViewById(R.id.search_et);
37.         searchLv = findViewById(R.id.search_lv);
38.         emptyTv = findViewById(R.id.search_tv_empty);
39.     }
41. }

复制代码

步骤12：统计页面的编写

这里我们还是先进行页面结构对的编写

1. <?xml version="1.0" encoding="utf-8"?>
2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     xmlns:tools="http://schemas.android.com/tools"
5.     android:layout_width="match_parent"
6.     android:layout_height="match_parent"
7.     android:background="#c3def0"
8.     android:orientation="vertical"
9.     tools:context=".Activity.StatisticsActivity">
11.     <LinearLayout
12.         android:layout_width="0dp"
13.         android:layout_height="wrap_content"
14.         android:layout_marginEnd="16dp"
15.         android:gravity="center"
16.         android:orientation="horizontal"
17.         android:visibility="visible"
18.         app:layout_constraintBottom_toTopOf="@+id/chart_vp"
19.         app:layout_constraintEnd_toEndOf="parent"
20.         app:layout_constraintStart_toEndOf="@+id/chart_tv_date"
21.         app:layout_constraintTop_toBottomOf="@+id/view12">
23.         <Button
24.             android:id="@+id/chart_btn_out"
25.             android:layout_width="wrap_content"
26.             android:layout_height="20dp"
27.             android:layout_marginRight="10dp"
28.             android:background="@drawable/main_recordbtn_bg"
30.             android:text="@string/out"
31.             android:textColor="@color/white"
32.             android:textStyle="bold" />
34.         <Button
35.             android:id="@+id/chart_btn_in"
36.             android:layout_width="wrap_content"
37.             android:layout_height="20dp"
38.             android:layout_marginLeft="10dp"
39.             android:background="@drawable/dialog_btn_bg"
41.             android:text="@string/in"
42.             android:textColor="#4d7ea8"
43.             android:textStyle="bold" />
44.     </LinearLayout>
46.     <androidx.viewpager.widget.ViewPager
47.         android:id="@+id/chart_vp"
48.         android:layout_width="0dp"
49.         android:layout_height="0dp"
50.         android:layout_marginTop="24dp"
51.         app:layout_constraintBottom_toBottomOf="parent"
52.         app:layout_constraintEnd_toEndOf="parent"
53.         app:layout_constraintStart_toStartOf="parent"
54.         app:layout_constraintTop_toBottomOf="@+id/chart_tv_in" />
56.     <View
57.         android:id="@+id/view12"
58.         android:layout_width="0dp"
59.         android:layout_height="55dp"
60.         android:background="#4d7ea8"
61.         app:layout_constraintEnd_toEndOf="parent"
62.         app:layout_constraintStart_toStartOf="parent"
63.         app:layout_constraintTop_toTopOf="parent" />
65.     <ImageView
66.         android:id="@+id/chart_iv_back"
67.         android:layout_width="20dp"
68.         android:layout_height="20dp"
70.         android:layout_marginStart="16dp"
71.         android:src="@mipmap/it_back"
72.         app:layout_constraintBottom_toBottomOf="@+id/view12"
73.         app:layout_constraintStart_toStartOf="@+id/view12"
74.         app:layout_constraintTop_toTopOf="@+id/view12" />
76.     <TextView
77.         android:layout_width="wrap_content"
78.         android:layout_height="wrap_content"
79.         android:text="@string/chart_info"
80.         android:textColor="#c3def0"
81.         android:textSize="24sp"
82.         android:textStyle="bold"
83.         app:layout_constraintBottom_toBottomOf="@+id/view12"
84.         app:layout_constraintEnd_toEndOf="parent"
85.         app:layout_constraintStart_toStartOf="parent"
86.         app:layout_constraintTop_toTopOf="parent" />
88.     <ImageView
89.         android:id="@+id/chart_iv_rili"
90.         android:layout_width="25dp"
91.         android:layout_height="25dp"
93.         android:layout_marginEnd="16dp"
94.         android:src="@mipmap/it_rili"
95.         app:layout_constraintBottom_toBottomOf="@+id/view12"
96.         app:layout_constraintEnd_toEndOf="@+id/view12"
97.         app:layout_constraintTop_toTopOf="parent" />
99.     <TextView
100.         android:id="@+id/chart_tv_date"
101.         android:layout_width="wrap_content"
102.         android:layout_height="wrap_content"
103.         android:layout_marginStart="16dp"
104.         android:layout_marginTop="8dp"
105.         android:text="2024年01月账单统计"
106.         android:textColor="#4d7ea8"
107.         android:textSize="18sp"
108.         android:textStyle="bold"
109.         app:layout_constraintStart_toStartOf="parent"
110.         app:layout_constraintTop_toBottomOf="@+id/view12" />
112.     <TextView
113.         android:id="@+id/chart_tv_out"
114.         android:layout_width="wrap_content"
115.         android:layout_height="wrap_content"
116.         android:layout_marginTop="16dp"
117.         android:text="共支出0笔,合计"
118.         android:textColor="#4d7ea8"
119.         android:textSize="14sp"
120.         android:textStyle="bold"
121.         app:layout_constraintStart_toStartOf="@+id/chart_tv_date"
122.         app:layout_constraintTop_toBottomOf="@+id/chart_tv_date" />
124.     <TextView
125.         android:id="@+id/chart_tv_in"
126.         android:layout_width="wrap_content"
127.         android:layout_height="wrap_content"
128.         android:layout_marginStart="2dp"
129.         android:layout_marginTop="8dp"
130.         android:gravity="top|left"
131.         android:text="0.0"
132.         android:textColor="#ffffff"
133.         android:textSize="24sp"
134.         android:textStyle="bold"
135.         app:layout_constraintStart_toEndOf="@+id/textView14"
136.         app:layout_constraintTop_toBottomOf="@+id/chart_tv_out" />
138.     <TextView
139.         android:id="@+id/textView14"
140.         android:layout_width="wrap_content"
141.         android:layout_height="wrap_content"
142.         android:layout_marginTop="13dp"
143.         android:text="￥"
144.         android:textColor="#ffffff"
145.         android:textSize="14sp"
146.         android:textStyle="bold"
147.         app:layout_constraintStart_toStartOf="@+id/chart_tv_out"
148.         app:layout_constraintTop_toBottomOf="@+id/chart_tv_out" />
150. </androidx.constraintlayout.widget.ConstraintLayout>

复制代码

        该活动包含了收入和付出的按钮、日期显示、统计数据显示以及ViewPager等控件。通过点击差别的按钮，用户可以切换显示收入或付出的统计数据。该活动还包含了初始化控件、初始化时间、初始化Fragment、统计数据的初始化和显示、返回按钮的点击变乱、显示日历对话框等方法。通过使用DBManager类进行数据库操作，获取收入和付出的统计数据，并使用ChartVPAdapter适配器类将Fragment添加到ViewPager中进行显示。用户可以通过点击日历图标选择差别的日期进行统计。

1. package com.example.tallybook.Activity;
3. import androidx.appcompat.app.AppCompatActivity;
4. import androidx.fragment.app.Fragment;
5. import androidx.viewpager.widget.ViewPager;
7. import android.graphics.Color;
8. import android.os.Bundle;
9. import android.view.View;
10. import android.widget.Button;
11. import android.widget.ImageView;
12. import android.widget.TextView;
14. import com.example.tallybook.Adapter.ChartVPAdapter;
15. import com.example.tallybook.Data.DBManager;
16. import com.example.tallybook.Fragment.IncomChartFragment;
17. import com.example.tallybook.Fragment.OutcomChartFragment;
18. import com.example.tallybook.R;
19. import com.example.tallybook.utils.CalendarDialog;
21. import java.util.ArrayList;
22. import java.util.Calendar;
23. import java.util.List;
25. public class StatisticsActivity extends AppCompatActivity {
26.     Button inBtn, outBtn;
27.     TextView dateTv, inTv, outTv;
28.     ViewPager chartVp;
29.     int year;
30.     int month;
31.     int selectPos = -1, selectMonth = -1;
32.     List<Fragment> chartFragList;
33.     private IncomChartFragment incomChartFragment;
34.     private OutcomChartFragment outcomChartFragment;
35.     private ChartVPAdapter chartVPAdapter;
36.     private ImageView chartIV, chartBack;
37.     private float inMoneyOneMonth, outMoneyOneMonth;
38.     private int incountItemOneMonth, outcountItemOneMonth;
40.     @Override
41.     protected void onCreate(Bundle savedInstanceState) {
42.         super.onCreate(savedInstanceState);
43.         setContentView(R.layout.activity_statistics);
44.         initView();
45.         initTime();
46.          }
48.     // 显示日历
49.     private void rili() {
50.         chartIV.setOnClickListener(new View.OnClickListener() {
51.             @Override
52.             public void onClick(View v) {
53.                 showCalendarDialog();
54.             }
55.         });
56.     }
58.     // 返回
59.     private void back() {
60.         chartBack.setOnClickListener(new View.OnClickListener() {
61.             @Override
62.             public void onClick(View v) {
63.                 finish();
64.             }
65.         });
66.     }
68.     private void setVPSelectListener() {
69.         chartVp.addOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
70.             @Override
71.             public void onPageSelected(int position) {
72.                 setButtonStyle(position);
73.             }
74.         });
75.     }
76.     /* 统计某年某月的收支情况数据*/
77.     private void initStatistics(int year, int month) {
78.         inMoneyOneMonth = DBManager.getSumMoneyOneMonth(year, month, 1);  //收入总钱数
79.         outMoneyOneMonth = DBManager.getSumMoneyOneMonth(year, month, 0); //支出总钱数
80.         incountItemOneMonth = DBManager.getCountItemOneMonth(year, month, 1);  //收入多少笔
81.         outcountItemOneMonth = DBManager.getCountItemOneMonth(year, month, 0); //支出多少笔
82.         dateTv.setText(year + "年" + month + "月账单统计");
83.         // 收入
84.         inBtn.setOnClickListener(new View.OnClickListener() {
85.             @Override
86.             public void onClick(View v) {
87.                 setButtonStyle(1);
88.                 chartVp.setCurrentItem(1);
89.                 outTv.setText("共收入" + incountItemOneMonth + "笔,合计");
90.                 inTv.setText(String.valueOf(inMoneyOneMonth));
91.             }
92.         });
93.         // 支出
94.         outBtn.setOnClickListener(new View.OnClickListener() {
95.             @Override
96.             public void onClick(View v) {
97.                 setButtonStyle(0);
98.                 chartVp.setCurrentItem(0);
99.                 outTv.setText("共支出" + outcountItemOneMonth + "笔支出,合计");
100.                 inTv.setText(String.valueOf(outMoneyOneMonth));
101.             }
102.         });
103.     }
105.     /**
106.      * 初始化时间的方法
107.      */
108.     private void initTime() {
109.         Calendar calendar = Calendar.getInstance();
110.         year = calendar.get(Calendar.YEAR);
111.         month = calendar.get(Calendar.MONTH) + 1;
112.     }
114.     /**
115.      * 初始化控件
116.      */
117.     private void initView() {
118.         inBtn = findViewById(R.id.chart_btn_in);
119.         outBtn = findViewById(R.id.chart_btn_out);
120.         dateTv = findViewById(R.id.chart_tv_date);
121.         inTv = findViewById(R.id.chart_tv_in);
122.         outTv = findViewById(R.id.chart_tv_out);
123.         chartVp = findViewById(R.id.chart_vp);
124.         chartIV = findViewById(R.id.chart_iv_rili);
125.         chartBack = findViewById(R.id.chart_iv_back);
127.     }
130.     /* 设置按钮样式的改变  支出-0  收入-1*/
131.     private void setButtonStyle(int kind) {
132.         if (kind == 0) {
133.             outBtn.setBackgroundResource(R.drawable.main_recordbtn_bg);
134.             outBtn.setTextColor(Color.WHITE);
135.             inBtn.setBackgroundResource(R.drawable.dialog_btn_bg);
136.             inBtn.setTextColor(Color.BLACK);
137.         } else if (kind == 1) {
138.             inBtn.setBackgroundResource(R.drawable.main_recordbtn_bg);
139.             inBtn.setTextColor(Color.WHITE);
140.             outBtn.setBackgroundResource(R.drawable.dialog_btn_bg);
141.             outBtn.setTextColor(Color.BLACK);
142.         }
143.     }
144. }

复制代码

         至此，完备的小熊记账本项目就创建完成了。
四、获取源码

   关注公众号《编程乐学》，后台复兴：24010601