Android App开发实战之实现微信记账本(附源码 超详细必看)

您所在的位置:网站首页 安卓记账本app源码 Android App开发实战之实现微信记账本(附源码 超详细必看)

Android App开发实战之实现微信记账本(附源码 超详细必看)

2023-09-12 03:12| 来源: 网络整理| 查看: 265

需要源码或图片集请点赞关注收藏后评论区留言~~~

一、需求描述

好用的记账本必须具备两项基本功能。一项时记录新帐单,另一项时查看账单列表,其中账单的记录操作要求用户输入账单的明细要素,包括账单的发生时间,账单的收支类型,账单的交易金额,账单的事由描述等等,账单通常分月展示,每页显示单个月份的账单数据,还要支持在不同月份之间切换,每月的账单数据按照时间从上往下排列,然后列表末尾展示当月的账单合计情况。

基本界面如下  用户可以自己输入类型,说明以及金额大小

 

二、界面设计 

除了文本视图,按钮,编辑框,单选按钮等简单控件之外,记账本还用到了下列控件以及相关的适配器  如果读者有疑问可以进我主页查看Android Studio专栏 里面有详细的讲解

Android App专栏

翻页视图

翻页标签栏

碎片适配器

碎片

列表视图

基本适配器

提醒对话框

日期选择对话框

下面列出了活动页面开始直到账单行的依赖嵌套关系(账单总体页面->每个月份的账单页->每月账单的明细列表->每行的账单信息) 

三、关键部分  1:如何实现日期下拉框

填写账单时间的时候,输入界面默认展示当天日期,用户若想修改账单时间,就要点击日期文本,此时界面弹出日期选择对话框,等待用户选择完具体日期,再回到主界面展示选定日期的文本

2:如何编辑与删除账单项

因为账单明细位于列表视图当中,且列表视图允许同时设置列表项的点击监听器和长按监听器,所以可考虑将列表项的点击监听器映射到账单的编辑功能。

3:合并账单的添加与编辑功能

保存账单记录之时,也要先判断数据库中是否已经存在对应账单,如果有找到对应的账单记录,那么执行记录更新操作,否则执行记录添加操作。

 四、运行效果

选择时间页面框

 

查询账单页面框

翻页视图

 

 五、代码 java类代码

添加类代码

package com.example.chapter08; import android.app.DatePickerDialog; import android.content.Intent; import android.os.Bundle; import android.util.Log; import android.view.View; import android.widget.DatePicker; import android.widget.EditText; import android.widget.RadioButton; import android.widget.RadioGroup; import android.widget.TextView; import android.widget.Toast; import androidx.appcompat.app.AppCompatActivity; import com.example.chapter08.bean.BillInfo; import com.example.chapter08.database.BillDBHelper; import com.example.chapter08.util.DateUtil; import com.example.chapter08.util.ViewUtil; import java.util.Calendar; import java.util.Date; import java.util.List; public class BillAddActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener, View.OnClickListener, DatePickerDialog.OnDateSetListener { private final static String TAG = "BillAddActivity"; private TextView tv_date; private RadioButton rb_income; private RadioButton rb_expand; private EditText et_desc; private EditText et_amount; private int mBillType = 1; // 账单类型。0 收入;1 支出 private int xuhao; // 如果序号有值,说明已存在该账单 private Calendar calendar = Calendar.getInstance(); // 获取日历实例,里面包含了当前的年月日 private BillDBHelper mBillHelper; // 声明一个账单数据库的帮助器对象 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_bill_add); TextView tv_title = findViewById(R.id.tv_title); TextView tv_option = findViewById(R.id.tv_option); tv_date = findViewById(R.id.tv_date); RadioGroup rg_type = findViewById(R.id.rg_type); rb_income = findViewById(R.id.rb_income); rb_expand = findViewById(R.id.rb_expand); et_desc = findViewById(R.id.et_desc); et_amount = findViewById(R.id.et_amount); tv_title.setText("请填写账单"); tv_option.setText("账单列表"); findViewById(R.id.iv_back).setOnClickListener(this); tv_option.setOnClickListener(this); tv_date.setOnClickListener(this); findViewById(R.id.btn_save).setOnClickListener(this); rg_type.setOnCheckedChangeListener(this); } @Override protected void onResume() { super.onResume(); xuhao = getIntent().getIntExtra("xuhao", -1); mBillHelper = BillDBHelper.getInstance(this); // 获取账单数据库的帮助器对象 if (xuhao != -1) { // 序号有值,就展示数据库里的账单详情 List bill_list = (List) mBillHelper.queryById(xuhao); if (bill_list.size() > 0) { // 已存在该账单 BillInfo bill = bill_list.get(0); // 获取账单信息 Date date = DateUtil.formatString(bill.date); Log.d(TAG, "bill.date="+bill.date); Log.d(TAG, "year="+date.getYear()+",month="+date.getMonth()+",day="+date.getDate()); calendar.set(Calendar.YEAR, date.getYear()+1900); calendar.set(Calendar.MONTH, date.getMonth()); calendar.set(Calendar.DAY_OF_MONTH, date.getDate()); if (bill.type == 0) { // 收入 rb_income.setChecked(true); } else { // 支出 rb_expand.setChecked(true); } et_desc.setText(bill.desc); // 设置账单的描述文本 et_amount.setText(""+bill.amount); // 设置账单的交易金额 } } tv_date.setText(DateUtil.getDate(calendar)); // 设置账单的发生时间 } @Override public void onClick(View v) { if (v.getId() == R.id.iv_back) { finish(); // 关闭当前页面 } else if (v.getId() == R.id.tv_option) { Intent intent = new Intent(this, BillPagerActivity.class); intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); // 设置启动标志 startActivity(intent); // 跳到账单列表页面 } else if (v.getId() == R.id.tv_date) { // 构建一个日期对话框,该对话框已经集成了日期选择器。 // DatePickerDialog的第二个构造参数指定了日期监听器 DatePickerDialog dialog = new DatePickerDialog(this, this, calendar.get(Calendar.YEAR), // 年份 calendar.get(Calendar.MONTH), // 月份 calendar.get(Calendar.DAY_OF_MONTH)); // 日子 dialog.show(); // 显示日期选择对话框 } else if (v.getId() == R.id.btn_save) { saveBill(); // 保存账单 } } @Override public void onCheckedChanged(RadioGroup group, int checkedId) { mBillType = (checkedId==R.id.rb_expand) ? 1 : 0; } @Override public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) { calendar.set(Calendar.YEAR, year); calendar.set(Calendar.MONTH, month); calendar.set(Calendar.DAY_OF_MONTH, dayOfMonth); tv_date.setText(DateUtil.getDate(calendar)); } // 保存账单 private void saveBill() { //ViewUtil.hideAllInputMethod(this); // 隐藏输入法软键盘 ViewUtil.hideOneInputMethod(this, et_amount); // 隐藏输入法软键盘 BillInfo bill = new BillInfo(); bill.xuhao = xuhao; bill.date = tv_date.getText().toString(); bill.month = 100*calendar.get(Calendar.YEAR) + (calendar.get(Calendar.MONTH)+1); bill.type = mBillType; bill.desc = et_desc.getText().toString(); bill.amount = Double.parseDouble(et_amount.getText().toString()); mBillHelper.save(bill); // 把账单信息保存到数据库 Toast.makeText(this, "已添加账单", Toast.LENGTH_SHORT).show(); resetPage(); // 重置页面 } // 重置页面 private void resetPage() { calendar = Calendar.getInstance(); et_desc.setText(""); et_amount.setText(""); tv_date.setText(DateUtil.getDate(calendar)); } }

查看类代码

package com.example.chapter08; import android.app.DatePickerDialog; import android.content.Intent; import android.os.Bundle; import android.util.TypedValue; import android.view.View; import android.widget.DatePicker; import android.widget.TextView; import androidx.appcompat.app.AppCompatActivity; import androidx.viewpager.widget.PagerTabStrip; import androidx.viewpager.widget.ViewPager; import com.example.chapter08.adapter.BillPagerAdpater; import com.example.chapter08.util.DateUtil; import java.util.Calendar; public class BillPagerActivity extends AppCompatActivity implements View.OnClickListener, DatePickerDialog.OnDateSetListener, ViewPager.OnPageChangeListener { private TextView tv_month; private ViewPager vp_bill; // 声明一个翻页视图对象 private Calendar calendar = Calendar.getInstance(); // 获取日历实例,里面包含了当前的年月日 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_bill_pager); TextView tv_title = findViewById(R.id.tv_title); TextView tv_option = findViewById(R.id.tv_option); tv_month = findViewById(R.id.tv_month); tv_title.setText("账单列表"); tv_option.setText("添加账单"); findViewById(R.id.iv_back).setOnClickListener(this); tv_option.setOnClickListener(this); tv_month.setOnClickListener(this); tv_month.setText(DateUtil.getMonth(calendar)); // 从布局视图中获取名叫vp_bill的翻页视图 vp_bill = findViewById(R.id.vp_bill); initViewPager(); // 初始化翻页视图 } @Override public void onClick(View v) { if (v.getId() == R.id.iv_back) { finish(); // 关闭当前页面 } else if (v.getId() == R.id.tv_option) { Intent intent = new Intent(this, BillAddActivity.class); intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); // 设置启动标志 startActivity(intent); // 跳到账单填写页面 } else if (v.getId() == R.id.tv_month) { // 构建一个日期对话框,该对话框已经集成了日期选择器。 // DatePickerDialog的第二个构造参数指定了日期监听器 DatePickerDialog dialog = new DatePickerDialog(this, this, calendar.get(Calendar.YEAR), // 年份 calendar.get(Calendar.MONTH), // 月份 calendar.get(Calendar.DAY_OF_MONTH)); // 日子 dialog.show(); // 显示日期选择对话框 } } @Override public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) { calendar.set(Calendar.YEAR, year); calendar.set(Calendar.MONTH, month); calendar.set(Calendar.DAY_OF_MONTH, dayOfMonth); tv_month.setText(DateUtil.getMonth(calendar)); vp_bill.setCurrentItem(month); // 设置翻页视图显示第几页 } // 初始化翻页视图 private void initViewPager() { // 从布局视图中获取名叫pts_bill的翻页标签栏 PagerTabStrip pts_bill = findViewById(R.id.pts_bill); // 设置翻页标签栏的文本大小 pts_bill.setTextSize(TypedValue.COMPLEX_UNIT_SP, 17); // 构建一个商品图片的翻页适配器 BillPagerAdpater adapter = new BillPagerAdpater(getSupportFragmentManager(), calendar.get(Calendar.YEAR)); vp_bill.setAdapter(adapter); // 设置翻页视图的适配器 vp_bill.setCurrentItem(calendar.get(Calendar.MONTH)); // 设置翻页视图显示第几页 vp_bill.addOnPageChangeListener(this); // 给翻页视图添加页面变更监听器 } // 翻页状态改变时触发 public void onPageScrollStateChanged(int state) {} // 在翻页过程中触发 public void onPageScrolled(int position, float ratio, int offset) {} // 在翻页结束后触发 public void onPageSelected(int position) { calendar.set(Calendar.MONTH, position); tv_month.setText(DateUtil.getMonth(calendar)); } }

适配器代码

package com.example.chapter08.adapter; import android.app.AlertDialog; import android.content.Context; import android.content.DialogInterface; import android.content.Intent; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.AdapterView; import android.widget.BaseAdapter; import android.widget.TextView; import com.example.chapter08.BillAddActivity; import com.example.chapter08.R; import com.example.chapter08.bean.BillInfo; import com.example.chapter08.database.BillDBHelper; import java.util.ArrayList; import java.util.List; public class BillListAdapter extends BaseAdapter implements AdapterView.OnItemClickListener, AdapterView.OnItemLongClickListener{ private static final String TAG = "BillListAdapter"; private Context mContext; // 声明一个上下文对象 private List mBillList = new ArrayList(); // 账单信息列表 public BillListAdapter(Context context, List billList) { mContext = context; mBillList = billList; } @Override public int getCount() { return mBillList.size(); } @Override public Object getItem(int position) { return mBillList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(final int position, View convertView, ViewGroup parent) { ViewHolder holder; if (convertView == null) { holder = new ViewHolder(); // 根据布局文件item_bill.xml生成转换视图对象 convertView = LayoutInflater.from(mContext).inflate(R.layout.item_bill, null); holder.tv_date = convertView.findViewById(R.id.tv_date); holder.tv_desc = convertView.findViewById(R.id.tv_desc); holder.tv_amount = convertView.findViewById(R.id.tv_amount); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } BillInfo bill = mBillList.get(position); holder.tv_date.setText(bill.date); holder.tv_desc.setText(bill.desc); if (bill.date.equals("合计")) { holder.tv_amount.setText(bill.remark); } else { holder.tv_amount.setText(String.format("%s%d元", bill.type==0?"收入":"支出", (int) bill.amount)); } return convertView; } @Override public void onItemClick(AdapterView parent, View view, int position, long id) { if (position >= mBillList.size()-1) { // 合计行不响应点击事件 return; } Log.d(TAG, "onItemClick position=" + position); BillInfo bill = mBillList.get(position); // 以下跳转到账单填写页面 Intent intent = new Intent(mContext, BillAddActivity.class); intent.putExtra("xuhao", bill.xuhao); // 携带账单序号,表示已存在该账单 mContext.startActivity(intent); // 因为已存在该账单,所以跳过去实际会编辑账单 } @Override public boolean onItemLongClick(AdapterView parent, View view, final int position, long id) { if (position >= mBillList.size()-1) { // 合计行不响应长按事件 return true; } Log.d(TAG, "onItemLongClick position=" + position); BillInfo bill = mBillList.get(position); // 获得当前位置的账单信息 AlertDialog.Builder builder = new AlertDialog.Builder(mContext); String desc = String.format("是否删除以下账单?\n%s %s%d %s", bill.date, bill.type==0?"收入":"支出", (int) bill.amount, bill.desc); builder.setMessage(desc); // 设置提醒对话框的消息文本 builder.setPositiveButton("是", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { deleteBill(position); // 删除该账单 } }); builder.setNegativeButton("否", null); builder.create().show(); // 显示提醒对话框 return true; } // 删除该账单 private void deleteBill(int position) { BillInfo bill = mBillList.get(position); mBillList.remove(position); notifyDataSetChanged(); // 通知适配器发生了数据变化 // 获得数据库帮助器的实例 BillDBHelper helper = BillDBHelper.getInstance(mContext); helper.delete(bill.xuhao); // 从数据库删除指定序号的账单 } public final class ViewHolder { public TextView tv_date; public TextView tv_desc; public TextView tv_amount; } } XML文件

添加

查看

创作不易 觉得有帮助请点赞关注收藏~~~



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3