注:1.数据都是从前一个页面传递过来的;
2.不同区域设置不同的颜色,通过设置画笔的颜色即可;
3.左上角定点坐标为(0,0);
4.包含画点,画线,画矩形,画椭圆,画圆形,写字
package com.xdsh.weeklyaccount;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import com.xdsh.entity.*;
public class PaintGraphy extends Activity
{
CountEntity entity = new CountEntity();
@Override
protected void onCreate(Bundle savedInstanceState)
{
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
DrawView myView = new DrawView(PaintGraphy.this);
setContentView(myView);
}
public class DrawView extends View
{
private int value, location;
// 用于统计
private double flagIn, flagOut, flagLeft;
private float clotheRate, studyRate, trafficRate, otherRate;
public DrawView(Context context)
{
super(context);
// TODO Auto-generated constructor stub
}
@Override
protected void onDraw(Canvas canvas)
{
// TODO Auto-generated method stub
super.onDraw(canvas);
// 设置背景色为浅灰色
canvas.drawColor(Color.LTGRAY);
// 定义一个画笔
Paint paint = new Paint();
// 抗锯齿
paint.setAntiAlias(true);
/*
* 绘制小计柱状图
*/
// 绘制 横坐标
paint.setColor(Color.BLACK);
canvas.drawLine(40, 200, 300, 200, paint);
// for (int i = 70; i <= 250; i += 30)
// {
// paint.setColor(Color.WHITE);
// // 绘制横坐标上的点
// canvas.drawPoint(i, 200, paint);
// }
// 绘制纵坐标
paint.setColor(Color.BLACK);
canvas.drawLine(40, 30, 40, 200, paint);
// for (int i = 170; i > 40; i -= 30)
// {
// // 绘制纵坐标上的点
// paint.setColor(Color.WHITE);
// canvas.drawPoint(40, i, paint);
// }
// 绘制水平线
paint.setColor(Color.BLACK);
for (int i = 170; i > 20; i -= 30)
{
canvas.drawLine(40, i, 280, i, paint);
}
// 设置标题字体大小
paint.setTextSize(18);
paint.setColor(Color.RED);
canvas.drawText(getResources().getString(R.string.graph_page_count), 65, 26, paint);
canvas.drawText(getResources().getString(R.string.graph_page_consume), 100, 250, paint);
// 设置各项目字体为黑色
paint.setColor(Color.BLACK);
paint.setTextSize(15);
// 收入,支出,余额
canvas.drawText(getResources().getString(R.string.second_page_countIn), 60, 220, paint);
canvas.drawText(getResources().getString(R.string.second_page_countOut), 130, 220, paint);
canvas.drawText(getResources().getString(R.string.second_page_countLeft), 200, 220, paint);
canvas.drawText(getResources().getString(R.string.graph_page_top), 5, 40, paint);
canvas.drawText(getResources().getString(R.string.graph_page_right), 265, 218, paint);
// 纵坐标对应的值
for (value = 300, location = 180; value <= 1500; value += 300, location -= 30)
{
canvas.drawText("" + value, 5, location, paint);
}
canvas.drawText("0", 9, 210, paint);
// 向右的箭头
Path path1 = new Path();
path1.moveTo(300, 200);
path1.lineTo(295, 195);
path1.lineTo(305, 200);
path1.lineTo(295, 205);
canvas.drawPath(path1, paint);
// 向上的箭头
Path path = new Path();
path.moveTo(40, 30);
path.lineTo(35, 35);
path.lineTo(40, 25);
path.lineTo(45, 35);
canvas.drawPath(path, paint);
// 接收数据
Intent intent = getIntent();
Bundle bundle = intent.getExtras();
entity.setOutClothe(bundle.getDouble("first"));
entity.setOutStudy(bundle.getDouble("second"));
entity.setOutTraffic(bundle.getDouble("third"));
entity.setOutOther(bundle.getDouble("fourth"));
entity.setIncome(bundle.getDouble("inTotal"));
entity.setOutcome(bundle.getDouble("outTotal"));
entity.setLeft(bundle.getDouble("leftTotal"));
flagIn = entity.getIncome();
flagOut = entity.getOutcome();
flagLeft = entity.getLeft();
clotheRate = (float) (entity.getOutClothe() / entity.getOutcome());
studyRate = (float) (entity.getOutStudy() / entity.getOutcome());
trafficRate = (float) (entity.getOutTraffic() / entity.getOutcome());
otherRate = (float) (entity.getOutOther() / entity.getOutcome());
/*
* 绘制小计矩形 canvas.drawRect(left, top, right, bottom, paint) (float)
* clothe * 30 / 300得到高度 200 - (float) clothe * 30 / 300 得到坐标
*/
paint.setColor(Color.RED);
/*
* 对收入进行判断 ,大于1500,设为1500,并显示金额 ;大于等于0小于等于1500,显示为柱状图;收入小于等于0,设为0
*/
if (entity.getIncome() > 1500)
{
entity.setIncome(1500);
canvas.drawText(flagIn + "", 100, 45, paint);
} else if (entity.getIncome() > 0 && entity.getIncome() <= 1500)
{
canvas.drawText(flagIn + "", 100, 195 - (float) (entity.getIncome() * 30 / 300), paint);
} else
{
entity.setIncome(0);
canvas.drawText("0", 100, 195, paint);
}
canvas.drawRect(85, 200 - (float) (entity.getIncome() * 30 / 300), 115, 200, paint);
/*
* 对支出进行判断 ,大于1500,设为1500,并显示金额; 大于等于0小于等于1500,显示为柱状图;支出小于等于0,设为0
*/
paint.setColor(Color.BLUE);
if (entity.getOutcome() > 1500)
{
entity.setOutcome(1500);
canvas.drawText(flagOut + "", 160, 45, paint);
} else if (entity.getOutcome() >0 && entity.getOutcome() <= 1500)
{
canvas.drawText(flagOut + "", 160, 195 - (float) (entity.getOutcome() * 30 / 300), paint);
} else
{
entity.setOutcome(0);
canvas.drawText("0", 160, 195, paint);
}
canvas.drawRect(145, 200 - (float) (entity.getOutcome() * 30 / 300), 175, 200, paint);
paint.setColor(Color.GREEN);
/*
* 对余额进行判断 ,大于1500,设为1500,并显示金额; 大于等于0小于等于1500,显示为柱状图;
* 小于等于0;设置为0,显示超支金额
*/
if (entity.getLeft() > 1500)
{
entity.setLeft(1500);
canvas.drawText(flagLeft + "", 220, 45, paint);
} else if (entity.getLeft() >= 0 && entity.getLeft() <= 1500)
{
canvas.drawText(flagLeft + "", 220, 195 - (float) (entity.getLeft() * 30 / 300), paint);
} else
{
entity.setLeft(0);
canvas.drawText("-" + flagLeft, 220, 195, paint);
}
canvas.drawRect(205, 200 - (float) entity.getLeft() * 30 / 300, 235, 200, paint);
/*
* 消费项明细
*
* void drawArc (RectF oval, float startAngle, float sweepAngle,
* boolean useCenter, Paint paint) 第1个参数oval表示这个弧形的边界。
* 第2个参数startAngle是指开始的角度。 第3个参数sweepAngle是指圆弧的角度。
* 第4个参数useCenter是指卖描画的图形包不包括圆心。 第5个参数是Paint的实例。
*/
RectF rectF = new RectF(10, 265, 160, 415);
// canvas.drawCircle(85, 340, 75, paint);
// 衣服饰品
paint.setColor(Color.rgb(200, 255, 180));
canvas.drawArc(rectF, 0, clotheRate * 360, true, paint);
// 矩形图例
canvas.drawRect(175, 270, 195, 290, paint);
// 文字图例
canvas.drawText(getResources().getString(R.string.second_page_moneyoutOne), 203, 285, paint);
// 百分比
canvas.drawText(Math.round(clotheRate * 100) + "%", 273, 285, paint);
// 学习
paint.setColor(Color.rgb(180, 60, 250));
canvas.drawArc(rectF, clotheRate * 360, studyRate * 360, true, paint);
canvas.drawRect(175, 310, 195, 330, paint);
canvas.drawText(getResources().getString(R.string.second_page_moneyoutTwo), 203, 325, paint);
canvas.drawText(Math.round(studyRate * 100) + "%", 273, 325, paint);
// 交通
paint.setColor(Color.rgb(240, 180, 40));
canvas.drawArc(rectF, (clotheRate + studyRate) * 360, trafficRate * 360, true, paint);
canvas.drawRect(175, 350, 195, 370, paint);
canvas.drawText(getResources().getString(R.string.second_page_moneyoutThree), 203, 365, paint);
canvas.drawText(Math.round(trafficRate * 100) + "%", 273, 365, paint);
// 其它
paint.setColor(Color.rgb(240, 100, 220));
canvas.drawArc(rectF, (clotheRate + studyRate + trafficRate) * 360, otherRate * 360, true, paint);
canvas.drawRect(175, 390, 195, 410, paint);
canvas.drawText(getResources().getString(R.string.second_page_moneyoutFour), 203, 405, paint);
if((entity.getOutClothe()==0.0) && (entity.getOutStudy()==0.0) && (entity.getOutTraffic()==0.0) && (entity.getOutOther()==0.0)){
canvas.drawText("0" + "%", 273, 405, paint);
}else{
canvas.drawText(100 - (Math.round(trafficRate * 100) + Math.round(studyRate * 100) + Math.round(clotheRate * 100)) + "%", 273, 405, paint);
}
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu)
{
// TODO Auto-generated method stub
menu.add(0, 0, 1, "Back").setIcon(android.R.drawable.ic_menu_revert);
return super.onCreateOptionsMenu(menu);
}
@Override
public boolean onOptionsItemSelected(MenuItem item)
{
// TODO Auto-generated method stub
if (item.getItemId() == 0)
{
Intent intent = new Intent();
intent.setClass(PaintGraphy.this, CountAccount.class);
startActivity(intent);
}
return super.onOptionsItemSelected(item);
}
}