歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> Android繪制簡單餅狀圖

Android繪制簡單餅狀圖

日期:2017/3/1 9:48:30   编辑:Linux編程

原項目地址:https://github.com/limccn/Android-Charts

因為在項目中需要用到繪制餅狀圖,所以對github下的android-charts庫進行了精簡和修改,貌似該庫本身有些bug,例如文字繪制有時候會錯位,我改了一些地方,有興趣的可以將下面所有代碼復制進自己項目中,使用方法如下:

mData[0] = new ArrayList<TitleValueColorEntity>();
for(int i=0; i<5; i++) {
mData[0].add(new TitleValueColorEntity(mTitle[i],
needTime[i],
this.getResources().getColor(mColorsId[i])));
}

mPieChart.setData(mData[2]);

源碼:

/*
* BaseChart.java
* Android-Charts
*
* Created by limc on 2013.
*
* Copyright 2011 limc.cn All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

package com.nekocode.xuedao.piechart;

import android.content.Context;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.View;

public class BaseChart extends View {

/*
* (non-Javadoc)
*
* @param context
*
* @see android.view.View#BaseChart(Context)
*/
public BaseChart(Context context) {
super(context);
}

/*
* (non-Javadoc)
*
* @param context
*
* @param attrs
*
* @see android.view.View#BaseChart(Context, AttributeSet)
*/
public BaseChart(Context context, AttributeSet attrs) {
super(context, attrs);
}

/*
* (non-Javadoc)
*
* @param context
*
* @param attrs
*
* @param defStyle
*
* @see android.view.View#BaseChart(Context, AttributeSet, int)
*/
public BaseChart(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}

/*
* (non-Javadoc)
*
* @param widthMeasureSpec
*
* @param heightMeasureSpec
*
* @see android.view.View#onMeasure(int, int)
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);
setMeasuredDimension(measureWidth(widthMeasureSpec),
measureHeight(heightMeasureSpec));
}

/*
* (non-Javadoc)
*
* @param gainFocus
*
* @param direction
*
* @param previouslyFocusedRect
*
* @see android.view.View#onFocusChanged(boolean, int,
* android.graphics.Rect)
*/
@Override
protected void onFocusChanged(boolean gainFocus, int direction,
Rect previouslyFocusedRect) {
super.onFocusChanged(gainFocus, direction, previouslyFocusedRect);
}

private int measureWidth(int measureSpec) {
int result = 0;
int specMode = MeasureSpec.getMode(measureSpec);
int specSize = MeasureSpec.getSize(measureSpec);

if (specMode == MeasureSpec.EXACTLY) {
result = specSize;
} else if (specMode == MeasureSpec.AT_MOST) {
result = Math.min(result, specSize);
}
return result;
}

private int measureHeight(int measureSpec) {
int result = 0;
int specMode = MeasureSpec.getMode(measureSpec);
int specSize = MeasureSpec.getSize(measureSpec);

if (specMode == MeasureSpec.EXACTLY) {
result = specSize;
} else if (specMode == MeasureSpec.AT_MOST) {
result = Math.min(result, specSize);
}
return result;
}
}

---------------------------------分割線---------------------------------

/*
* PieChart.java
* Android-Charts
*
* Created by limc on 2011/05/29.
*
* Copyright 2011 limc.cn All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

/**
*
*/
package com.nekocode.xuedao.piechart;

import java.util.List;

import com.nekocode.xuedao.utils.MyUtils;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Point;
import android.graphics.RectF;
import android.graphics.Paint.Style;
import android.util.AttributeSet;

public class PieChart extends BaseChart {
public static final String DEFAULT_TITLE = "Pie Chart";
public static final boolean DEFAULT_DISPLAY_RADIUS = true;
public static final int DEFAULT_RADIUS_LENGTH = 80;
public static final int DEFAULT_RADIUS_COLOR = Color.WHITE;
public static final int DEFAULT_CIRCLE_BORDER_COLOR = Color.WHITE;
public static final Point DEFAULT_POSITION = new Point(0, 0);


private List<TitleValueColorEntity> data;
private String title = DEFAULT_TITLE;
private Point position = DEFAULT_POSITION;
private int radiusLength = DEFAULT_RADIUS_LENGTH;
private int radiusColor = DEFAULT_RADIUS_COLOR;
private int circleBorderColor = DEFAULT_CIRCLE_BORDER_COLOR;
private boolean displayRadius = DEFAULT_DISPLAY_RADIUS;

/*
* (non-Javadoc)
*
* @param context
*
* @see cn.limc.androidcharts.view.BaseChart#BaseChart(Context)
*/
public PieChart(Context context) {
super(context);
}

/*
* (non-Javadoc)
*
* @param context
*
* @param attrs
*
* @param defStyle
*
* @see cn.limc.androidcharts.view.BaseChart#BaseChart(Context,
* AttributeSet, int)
*/
public PieChart(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}

/*
* (non-Javadoc)
*
* @param context
*
* @param attrs
*
* @see cn.limc.androidcharts.view.BaseChart#BaseChart(Context,
* AttributeSet)
*/
public PieChart(Context context, AttributeSet attrs) {
super(context, attrs);
}

/*
* (non-Javadoc)
*
* <p>Called when is going to draw this chart</p>
* <p>銉併儯銉箋儓銈掓浉銇忓墠銆併儭銈姐儍銉夈倰鍛箋伓</p>
* <p>缁樺埗鍥捐〃鏃惰皟鐢/p>
*
* @param canvas
*
* @see android.view.View#onDraw(android.graphics.Canvas)
*/
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);

// get safe rect
int rect = super.getWidth() > super.getHeight() ? super.getHeight()
: super.getWidth();

// calculate radius length
radiusLength = (int) ((rect / 2f) * 0.90);

// calculate position
position = new Point((int) (getWidth() / 2f), (int) (getHeight() / 2f));

// draw this chart
drawCircle(canvas);

// draw data on chart
drawData(canvas);
}

protected void drawCircle(Canvas canvas) {

Paint mPaintCircleBorder = new Paint();
mPaintCircleBorder.setColor(Color.WHITE);
mPaintCircleBorder.setStyle(Style.STROKE);
mPaintCircleBorder.setStrokeWidth(2);
mPaintCircleBorder.setAntiAlias(true);

// draw a circle
canvas.drawCircle(position.x, position.y, radiusLength,
mPaintCircleBorder);
}

protected void drawData(Canvas canvas) {
if (null != data) {
// sum all data's value
float sum = 0;
for (int i = 0; i < data.size(); i++) {
sum = sum + data.get(i).getValue();
}

Paint mPaintFill = new Paint();
mPaintFill.setStyle(Style.FILL);
mPaintFill.setAntiAlias(true);

Paint mPaintBorder = new Paint();
mPaintBorder.setStyle(Style.STROKE);
mPaintBorder.setColor(radiusColor);
mPaintBorder.setAntiAlias(true);

int offset = -90;
// draw arcs of every piece
for (int j = 0; j < data.size(); j++) {
TitleValueColorEntity e = data.get(j);

// get color
mPaintFill.setColor(e.getColor());

RectF oval = new RectF(position.x - radiusLength, position.y
- radiusLength, position.x + radiusLength, position.y
+ radiusLength);
int sweep = Math.round(e.getValue() / sum * 360f);
canvas.drawArc(oval, offset, sweep, true, mPaintFill);
canvas.drawArc(oval, offset, sweep, true, mPaintBorder);
offset = offset + sweep;
}

float sumvalue = 0f;
for (TitleValueColorEntity e : data) {
float value = e.getValue();
sumvalue = sumvalue + value;
float rate = (sumvalue - value / 2) / sum;
mPaintFill.setColor(Color.BLUE);

// percentage
float percentage = (int) (value / sum * 10000) / 100f;

float offsetX = (float) (position.x - radiusLength * 0.5
* Math.sin(rate * -2 * Math.PI));
float offsetY = (float) (position.y - radiusLength * 0.5
* Math.cos(rate * -2 * Math.PI));

Paint mPaintFont = new Paint();
mPaintFont.setColor(Color.WHITE);
mPaintFont.setTextSize(MyUtils.sp2px(getContext(), 15));
mPaintFont.setAntiAlias(true);
mPaintFont.setStrokeWidth(5);

// draw titles
String title = e.getTitle();
float realx = 0;
float realy = 0;

// TODO title position
if (offsetX < position.x) {
realx = offsetX - mPaintFont.measureText(title) - 5;
} else if (offsetX > position.x) {
realx = offsetX + 5;
} else if (offsetX == position.x) {
realx = offsetX - (mPaintFont.measureText(title)/2);
}

if (offsetY >= position.y) {
if (value / sum < 0.2f) {
realy = offsetY + 10;
} else {
realy = offsetY + 5;
}
} else if (offsetY < position.y) {
if (value / sum < 0.2f) {
realy = offsetY - 10;
} else {
realy = offsetY + 5;
}
}

if(percentage != 0.0f) {
canvas.drawText(title, realx, realy, mPaintFont);
canvas.drawText(String.valueOf((int)value) + "min", realx, realy + MyUtils.sp2px(getContext(), 15), mPaintFont);
canvas.drawText(String.valueOf(percentage) + "%", realx,
realy + MyUtils.sp2px(getContext(), 30), mPaintFont);
}
}
}
}

/**
* @return the data
*/
public List<TitleValueColorEntity> getData() {
return data;
}

/**
* @param data
* the data to set
*/
public void setData(List<TitleValueColorEntity> data) {
this.data = data;
}

/**
* @return the title
*/
public String getTitle() {
return title;
}

/**
* @param title
* the title to set
*/
public void setTitle(String title) {
this.title = title;
}

/**
* @return the position
*/
public Point getPosition() {
return position;
}

/**
* @param position
* the position to set
*/
public void setPosition(Point position) {
this.position = position;
}

/**
* @return the radiusLength
*/
public int getRadiusLength() {
return radiusLength;
}

/**
* @param radiusLength
* the radiusLength to set
*/
public void setRadiusLength(int radiusLength) {
this.radiusLength = radiusLength;
}

/**
* @return the radiusColor
*/
public int getRadiusColor() {
return radiusColor;
}

/**
* @param radiusColor
* the radiusColor to set
*/
public void setRadiusColor(int radiusColor) {
this.radiusColor = radiusColor;
}

/**
* @return the circleBorderColor
*/
public int getCircleBorderColor() {
return circleBorderColor;
}

/**
* @param circleBorderColor
* the circleBorderColor to set
*/
public void setCircleBorderColor(int circleBorderColor) {
this.circleBorderColor = circleBorderColor;
}

/**
* @return the displayRadius
*/
public boolean isDisplayRadius() {
return displayRadius;
}

/**
* @param displayRadius
* the displayRadius to set
*/
public void setDisplayRadius(boolean displayRadius) {
this.displayRadius = displayRadius;
}
}

---------------------------------分割線---------------------------------

/*
* TitleValueEntity.java
* Android-Charts
*
* Created by limc on 2011/05/29.
*
* Copyright 2011 limc.cn All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

package com.nekocode.xuedao.piechart;

public class TitleValueEntity {
private String title;
private float value;

public TitleValueEntity(String title, float value) {
super();
this.title = title;
this.value = value;
}

public TitleValueEntity() {
super();
}

/**
* @return the title
*/
public String getTitle() {
return title;
}

/**
* @param title
* the title to set
*/
public void setTitle(String title) {
this.title = title;
}

/**
* @return the value
*/
public float getValue() {
return value;
}

/**
* @param value
* the value to set
*/
public void setValue(float value) {
this.value = value;
}
}

更多Android相關信息見Android 專題頁面 http://www.linuxidc.com/topicnews.aspx?tid=11

Copyright © Linux教程網 All Rights Reserved