AndroidStudio 制作一个超简易记账本App（1.0）【含详细步骤】

2023-10-12 14:04| 来源: 网络整理| 查看: 265

先看最终效果：在这里插入图片描述 1.首先创建一个Empty Activity 2.在activity_main.xml里编写主界面布局根据预览图，主界面需要一个ListView和一个ImageButton，还要给ImageButton添加一个Onclick事件，将按钮的UI图片tianjia.png放入drawable文件夹

android:background="#00FF0000"这行代码的意思是让imageButton的背景为透明。如果不设置这行代码，背景就是默认的灰色；也可以设置为白色，但是自带的app底色并不是纯白的，仔细看会发现色差：电脑不好可能看不出来色差？那么写完主界面布局后Preview里就是这样：在这里插入图片描述 3.接下来开始写ListView，也就是单个item的布局：新建一个布局文件

在这里插入图片描述命名为list_item

效果：在这里插入图片描述 4.写完listView之后最重要的就是为它添加适配器，这样它才能把获取的数据按照格式显示在主界面中新建类：命名为ListAdapter 这里采用的是BaseAdapter

package com.example.myaccountapp; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.Adapter; import android.widget.BaseAdapter; import android.widget.TextView; import java.util.List; public class ListAdapter extends BaseAdapter { List mList; public ListAdapter(Listlist) { mList=list; } @Override public int getCount() { return mList.size(); } @Override public Object getItem(int position) { return mList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { View view=mLayoutInflater.inflate(R.layout.list_item,null); //取出数据赋值 costList item=mList.get(position); TextView tv_title=view.findViewById(R.id.tv_title); TextView tv_date=view.findViewById(R.id.tv_date); TextView tv_money=view.findViewById(R.id.tv_money); //绑定 tv_title.setText(mList.get(position).getTitle()); tv_date.setText(mList.get(position).getDate()); tv_money.setText(mList.get(position).getMoney()); return view; } private ListgetmList; private LayoutInflater mLayoutInflater; public ListAdapter(Context context,Listlist) { mList=list; //通过外部传来的Context初始化LayoutInflater对象 mLayoutInflater=LayoutInflater.from(context); } }

5.搭建数据库 Sqlite的运用是重难点首先创建一个DBHelper类：按第四步的方法新建类，命名为：DBHelper

package com.example.myaccountapp; import android.content.Context; import android.database.sqlite.SQLiteDatabase; import android.database.sqlite.SQLiteOpenHelper; import androidx.annotation.Nullable; public class DBHelper extends SQLiteOpenHelper { private static int DB_VERSION = 1; private static String DB_NAME = "account_daily.db"; public DBHelper(Context context) { super(context, DB_NAME ,null, DB_VERSION); } @Override public void onCreate(SQLiteDatabase db) { String sql="create table account(_id integer primary key autoincrement," +//主键 "Title varchar(20)," +//Title "Date varchar(20)," +//Date "Money vaechar(20))";//Money db.execSQL(sql); } @Override public void onUpgrade(SQLiteDatabase sqLiteDatabase, int i, int i1) { } }

然后我们写一个类专门存放赋值和取出这些数据的方法，命名为costList

package com.example.myaccountapp; public class costList { private String _id; private String Title; private String Date; private String Money; public String getMoney() { return Money; } public void setMoney(String money) { Money = money; } public String getDate() { return Date; } public void setDate(String date) { Date = date; } public String getTitle() { return Title; } public void setTitle(String title) { Title = title; } public String get_id() { return _id; } public void set_id(String _id) { this._id = _id; } }

6.来到MainActivity开始写方法：

package com.example.myaccountapp; import androidx.annotation.Nullable; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; import android.database.Cursor; import android.database.sqlite.SQLiteDatabase; import android.os.Bundle; import android.view.View; import android.widget.ArrayAdapter; import android.widget.BaseAdapter; import android.widget.ImageButton; import android.widget.ListView; import java.util.ArrayList; import java.util.HashMap; import java.util.List; public class MainActivity extends AppCompatActivity { private DBHelper helper; private ListView listView; private ImageButton Add; private Listlist; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); initData(); } //初始化 private void initData() { list=new ArrayList(); SQLiteDatabase db=helper.getReadableDatabase(); Cursor cursor=db.query("account",null,null,null,null, null,null); while (cursor.moveToNext()){ costList clist=new costList();//构造实例 clist.set_id(cursor.getString(cursor.getColumnIndex("_id"))); clist.setTitle(cursor.getString(cursor.getColumnIndex("Title"))); clist.setDate(cursor.getString(cursor.getColumnIndex("Date"))); clist.setMoney(cursor.getString(cursor.getColumnIndex("Money"))); list.add(clist); } //绑定适配器 listView.setAdapter(new ListAdapter(this,list)); db.close(); } private void initView() { helper=new DBHelper(MainActivity.this); listView = findViewById(R.id.list_view); Add=findViewById(R.id.add); } //事件：添加 public void addAccount(View view){//跳转 Intent intent=new Intent(MainActivity.this,new_cost.class); startActivityForResult(intent,1); } @Override protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) { super.onActivityResult(requestCode, resultCode, data); if(requestCode==1&&resultCode==1) { this.initData(); } } }

7.可以看到我们必须给之前的Onclick事件写一个方法（addAccount）。即点击+号按钮跳转到一个新页面，在这个新页面，我们要完成输入Title、Date、Money的操作。这就需要新建一个Activity，命名为new_cost 在这里插入图片描述生成Activity时系统会同时生成一个java文件和一个layout文件，名为在这个文件中开始写新建项的布局，如本文开头的第二张图：

在这里插入图片描述 new_cost.java中:

package com.example.myaccountapp; import androidx.appcompat.app.AppCompatActivity; import android.content.ContentValues; import android.database.sqlite.SQLiteDatabase; import android.os.Bundle; import android.view.Gravity; import android.view.View; import android.widget.DatePicker; import android.widget.EditText; import android.widget.Toast; import java.text.SimpleDateFormat; import java.util.Date; public class new_cost extends AppCompatActivity { private DBHelper helper; private EditText et_cost_title; private EditText et_cost_money; private DatePicker dp_cost_date; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_new_cost); initView(); } private void initView() { helper = new DBHelper(new_cost.this); et_cost_title = findViewById(R.id.et_cost_title); et_cost_money = findViewById(R.id.et_cost_money); dp_cost_date = findViewById(R.id.dp_cost_date); } public void okButton(View view) { String titleStr = et_cost_title.getText().toString().trim(); String moneyStr = et_cost_money.getText().toString().trim(); String dateStr = dp_cost_date.getYear() + "-" + (dp_cost_date.getMonth() + 1) + "-" + dp_cost_date.getDayOfMonth();//这里getMonth会比当前月份少一个月，所以要+1 if ("".equals(moneyStr)) {//可以不填写Title但是不能不填金额 Toast toast = Toast.makeText(this, "请填写金额", Toast.LENGTH_SHORT); toast.setGravity(Gravity.CENTER, 0, 0); toast.show(); } else { SQLiteDatabase db = helper.getWritableDatabase(); ContentValues values = new ContentValues(); values.put("Title", titleStr); values.put("Money", moneyStr); values.put("Date", dateStr); long account = db.insert("account", null, values); if (account > 0) { Toast toast = Toast.makeText(this, "保存成功", Toast.LENGTH_SHORT); toast.setGravity(Gravity.CENTER, 0, 0); toast.show(); setResult(1); finish(); } else { Toast toast = Toast.makeText(this, "请重试", Toast.LENGTH_SHORT); toast.setGravity(Gravity.CENTER, 0, 0); toast.show(); db.close(); } setResult(1); finish(); } } }

toast.setGravity(Gravity.CENTER, 0, 0);这行代码是设置小提示框显示的位置，如果不设置的话，默认是显示在底部的

完成！接下来还可以优化一下ui，比如把题头栏状态栏换成黄色（默认是绿色的），光标也是可以换色的。还比如把按钮换成圆角样式。大家自己研究吧。

1.0版本只有非常简单的记账功能，也许还会更新2.0，就是增加一些衣食住行分类查看，按月份查看的功能之类的

有什么问题的话可以在评论区问我哦，我有能力的话会尽量解答的。不过我也是新手，总之大家共同进步吧

CSDN突然把我上传的源码调高了积分，贵得离谱，这边提供网盘，有需要自取：链接：https://pan.baidu.com/s/1-LEyhXZRWzz0hTHJvC8sLg 提取码：f59z

【本文地址】

公司简介

联系我们