安卓开发实战-记账本APP（六）

记账本APP开发---终结篇

昨天的动态数字录屏奉上：在抖音上拍了一个（ps：欢迎点赞）

https://v.douyin.com/poEjmG/ 

今天将图表的内容进行了制作，我用的是MPChart的饼状图进行制作的，将之前用户的数据进行计算，然后定义数据与具体的分类相结合。

设置不同的颜色rgb，实现饼状图的分析数据。

 到此，已经将记账本APP的功能实现的差不多了。

接下来我就好好分析一下我的整个APP项目。

首先是创建的：用户类（User），UserDBHelper，和管理数据库操作的UserOperator，来进行数据库的增删改查。

然后开始创建活动：loginActivity登录界面与RegisterActivity（注册界面）,注册界面包含了一个验证码类(Code)来控制用户的登陆与注册。

登陆进去后，会走向MainActivity，它控制着四个Fragment，分别是Account_Fragment（记账页面),Sum_Fragment（收支对比界面）,Chart_Fragment(图表界面),Me_Fragment(个人信息界面),当点击对应的图标就会跳转到对应的Fragment，在MainActivity里设置了第一个Fragment为Account_Fragment。

那就来说一下Account_Fragment里的内容，记账页面包含：（账目类）Account，AccountAdapter，AccountDBHelper，AccountOperator。通过适配器将添加的账单显示到listview里，该页面有三个按钮：支出，收入，删除所有。支出和收入都是通过Builder对象来创建弹窗，进行数据的填写。填完后会进行数据库的添加，list集合的添加，适配器的刷新。删除所有是调用数据库操作类的deleteall方法实现的。我们还添加了长按删除操作，由于继承的是Fragment，无法直接创建长按事件，我们通过onActivityCreated(Bundle savedInstanceState)方法来实现长按删除事件，该方法是在onCreat()结束后才执行的，因此我们必须创建onCreat()方法。到此Account_Fragment的操作就讲完了。

接着我们的第二个Fragment:Sum_Fragment,这里没有太多的东西可讲，但是这里我从网上学到了模仿支付宝的动态数字滚动效果的实现，分别用到NumAnim和NumUtil，然后再Sum_Fragment里对想要实现滚动效果的数字与组件，用下面的代码就可以实现了

NumAnim.startAnim(tv_shou, sumshou, 1000); //设置滚动动画持续1秒

接着是我们的第三个界面：Chart_Fragment,该界面就一个功能就是实现图表的展示，也就是我今天所学习的内容，用的是MPChart图表库，来实现图表的展示。

package com.example.countbook;

import android.app.Fragment;

import android.database.Cursor;

import android.graphics.Color;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import androidx.annotation.NonNull;

import androidx.annotation.Nullable;

import com.github.mikephil.charting.animation.Easing;

import com.github.mikephil.charting.charts.PieChart;

import com.github.mikephil.charting.components.Legend;

import com.github.mikephil.charting.data.PieData;

import com.github.mikephil.charting.data.PieDataSet;

import com.github.mikephil.charting.data.PieEntry;

import com.github.mikephil.charting.formatter.PercentFormatter;

import java.util.ArrayList;

public class Chart_Fragment extends Fragment {

int gongzi=0,jianzhi=0,jiangjin=0;

int food=0,clothes=0,life=0,qita=0;

int sum=0,sumshou=0,sumzhi=0;

private PieChart pieChart;

private AccountOperator accountOperator;

Bundle bundle;

String username;

@Nullable

@Override

public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

View view = inflater.inflate(R.layout.chart_fragment, null);

accountOperator=new AccountOperator(view.getContext());

bundle=getArguments();

username=bundle.getString("username");

getsum();

pieChart=(PieChart)view.findViewById(R.id.pieChart);

pieChart.setUsePercentValues(true);//设置value是否用显示百分数,默认为false

pieChart.setDescription("收支情况");//设置描述

pieChart.setDescriptionTextSize(50);//设置描述字体大小

pieChart.setDescriptionColor(Color.GREEN);

pieChart.setExtraOffsets(5, 5, 5, 5);//设置饼状图距离上下左右的偏移量

pieChart.setDrawCenterText(true);//是否绘制中间的文字

pieChart.setCenterTextColor(Color.RED);//中间的文字颜色

pieChart.setCenterTextSize(15);//中间的文字字体大小

pieChart.setDrawHoleEnabled(true);//是否绘制饼状图中间的圆

pieChart.setHoleColor(Color.WHITE);//饼状图中间的圆的绘制颜色

pieChart.setHoleRadius(40f);//饼状图中间的圆的半径大小

pieChart.setTransparentCircleColor(Color.BLACK);//设置圆环的颜色

pieChart.setTransparentCircleAlpha(100);//设置圆环的透明度[0,255]

pieChart.setTransparentCircleRadius(40f);//设置圆环的半径值

// enable rotation of the chart by touch

pieChart.setRotationEnabled(true);//设置饼状图是否可以旋转(默认为true)

pieChart.setRotationAngle(10);//设置饼状图旋转的角度

pieChart.setHighlightPerTapEnabled(true);//设置旋转的时候点中的tab是否高亮(默认为true)

//右边小方框部分

Legend l = pieChart.getLegend(); //设置比例图

l.setPosition(Legend.LegendPosition.RIGHT_OF_CHART_CENTER);//设置每个tab的显示位置（这个位置是指下图右边小方框部分的位置 ）

// l.setForm(Legend.LegendForm.LINE); //设置比例图的形状，默认是方形

l.setXEntrySpace(0f);

l.setYEntrySpace(0f);//设置tab之间Y轴方向上的空白间距值

l.setYOffset(0f);

//饼状图上字体的设置

// entry label styling

pieChart.setDrawEntryLabels(true);//设置是否绘制Label

pieChart.setEntryLabelColor(Color.rgb(95,158,160));//设置绘制Label的颜色

pieChart.setEntryLabelTextSize(20f);//设置绘制Label的字体大小

// pieChart.setOnChartValueSelectedListener(this);//设值点击时候的回调

pieChart.animateY(3400, Easing.EasingOption.EaseInQuad);//设置Y轴上的绘制动画

ArrayList pieEntries = new ArrayList();

pieEntries.add(new PieEntry(gongzi, "工资"));

pieEntries.add(new PieEntry(jiangjin, "奖金"));

pieEntries.add(new PieEntry(jianzhi, "兼职"));

pieEntries.add(new PieEntry(food, "伙食"));

pieEntries.add(new PieEntry(clothes, "服饰"));

pieEntries.add(new PieEntry(life, "日用品"));

pieEntries.add(new PieEntry(qita, "其他"));

String centerText = "净收入\n¥" + (sum);

pieChart.setCenterText(centerText);//设置圆环中间的文字

PieDataSet pieDataSet = new PieDataSet(pieEntries, "");

ArrayList colors = new ArrayList();

// 饼图颜色

colors.add(Color.rgb(205, 205, 205));

colors.add(Color.rgb(114, 188, 223));

colors.add(Color.rgb(255, 123, 124));

colors.add(Color.rgb(57, 135, 200));

colors.add(Color.rgb(255,20,147));

colors.add(Color.rgb(255,0,255));

colors.add(Color.rgb(255,215,0));

pieDataSet.setColors(colors);

pieDataSet.setSliceSpace(0f);//设置选中的Tab离两边的距离

pieDataSet.setSelectionShift(5f);//设置选中的tab的多出来的

PieData pieData = new PieData();

pieData.setDataSet(pieDataSet);

//各个饼状图所占比例数字的设置

pieData.setValueFormatter(new PercentFormatter());//设置%

pieData.setValueTextSize(20f);

pieData.setValueTextColor(Color.rgb(148,0,211));

pieChart.setData(pieData);

// undo all highlights

pieChart.highlightValues(null);

pieChart.invalidate();

return view;

}

private void getsum() {

Cursor cursor= (Cursor) accountOperator.findall(username);

while(cursor.moveToNext()){

String label=cursor.getString(cursor.getColumnIndex("title"));

int money=cursor.getInt(cursor.getColumnIndex("money"));

if(label.equals("工资")||label.equals("兼职")||label.equals("奖金")){

sumshou+=money;

if(label.equals("工资")){

gongzi+=money;

}else if(label.equals("兼职")){

jianzhi+=money;

}else if(label.equals("奖金")){

jiangjin+=money;

}

}else{

sumzhi+=money;

if(label.equals("伙食")){

food+=money;

}else if(label.equals("服饰")){

clothes+=money;

}else if(label.equals("日用品")){

life+=money;

}else if(label.equals("其他")){

qita+=money;

}

}

}

sum=sumshou-sumzhi;

cursor.close();

}

}

第四个Fragment为：Me_Fragment,这个界面包含HeadActivity（更换头像）和ModifypswActivity（忘记密码），在点击更换头像按钮就会实现startActivityForResult事件调动HeadActivity来实现头像的更换，同样更改密码和退出登录都是通过按钮来实现的开启不同的Activity。

我的第一个Android项目开发就完成了。

源码：https://github.com/happy-xlf/AccountBook

参考文章