源码地址：http://git.oschina.net/ssun125/playhelper
最近打算参加人人网的校园开发者大赛，抽空写了一个小应用，取名叫做“玩手机助手”，主要功能就是记录手机应用进程每日运行的时间曲线，没了，就是这点功能。先看看界面吧。
估计你可能感觉后面一个界面有点不搭调，最后一张图片是另一种主题的效果，所有看上去和前两张有点差异，主要界面就这点了，其他都是没什么意义的了。详细介绍在http://www.oinux.com:8080/static/playhelper/index.html。
先看第一个图，上面是个圆形进度条，这个是我从网上找到的（原始地址忘记了，抱歉），稍微有点改动。先把代码贴出来：
package com.oinux.playhelper.widget;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import com.oinux.playhelper.R;
public class MemoryBar extends View {
/**
* 画笔对象的引用
*/
private Paint paint;
/**
* 圆环的颜色
*/
private int roundColor;
/**
* 圆环的颜色
*/
private int centerColor;
/**
* 圆环进度的颜色
*/
private int roundProgressColor;
/**
* 中间进度百分比的字符串的颜色
*/
private int textColor;
/**
* 中间进度百分比的字符串的字体
*/
private float textSize;
/**
* 圆环的宽度
*/
private float roundWidth;
/**
* 最大进度
*/
private int max;
/**
* 当前进度
*/
private int progress;
/**
* 是否显示中间的进度
*/
private boolean textIsDisplayable;
/**
* 进度的风格，实心或者空心
*/
private int style;
public static final int STROKE = 0;
public static final int FILL = 1;
public MemoryBar(Context context) {
this(context, null);
}
public MemoryBar(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public MemoryBar(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
paint = new Paint();
TypedArray mTypedArray = context.obtainStyledAttributes(attrs,
R.styleable.MemoryBar);
// 获取自定义属性和默认值
centerColor = mTypedArray.getColor(R.styleable.MemoryBar_centerColor,
Color.WHITE);
roundColor = mTypedArray.getColor(R.styleable.MemoryBar_roundColor,
Color.RED);
roundProgressColor = mTypedArray.getColor(
R.styleable.MemoryBar_roundProgressColor, Color.GREEN);
textColor = mTypedArray.getColor(R.styleable.MemoryBar_textColor,
Color.GREEN);
textSize = mTypedArray
.getDimension(R.styleable.MemoryBar_textSize, 15);
roundWidth = mTypedArray.getDimension(
R.styleable.MemoryBar_roundWidth_, 5);
max = mTypedArray.getInteger(R.styleable.MemoryBar_max, 100);
textIsDisplayable = mTypedArray.getBoolean(
R.styleable.MemoryBar_textIsDisplayable, true);
style = mTypedArray.getInt(R.styleable.MemoryBar_style, 0);
mTypedArray.recycle();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
/**
* 画最外层的大圆环
*/
int centre = getWidth() / 2; // 获取圆心的x坐标
int radius = (int) (centre - roundWidth / 2); // 圆环的半径
paint.setColor(roundColor); // 设置圆环的颜色
paint.setStyle(Paint.Style.STROKE); // 设置空心
paint.setStrokeWidth(roundWidth); // 设置圆环的宽度
paint.setAntiAlias(true); // 消除锯齿
canvas.drawCircle(centre, centre, radius, paint); // 画出圆环
/**
* 画中间
*/
paint.setColor(centerColor); // 设置圆环的颜色
paint.setStyle(Paint.Style.FILL); // 设置空心
paint.setStrokeWidth(roundWidth); // 设置圆环的宽度
paint.setAntiAlias(true); // 消除锯齿
canvas.drawCircle(centre, centre, radius - roundWidth / 2, paint); // 画出圆环
/**
* 画进度百分比
*/
paint.setStrokeWidth(0);
paint.setColor(textColor);
paint.setTextSize(textSize);
paint.setTypeface(Typeface.DEFAULT_BOLD); // 设置字体
int percent = (int) (((float) progress / (float) max) * 100); // 中间的进度百分比，先转换成float在进行除法运算，不然都为0
float textWidth = paint.measureText(percent + "%"); // 测量字体宽度，我们需要根据字体的宽度设置在圆环中间
if (textIsDisplayable && percent != 0 && style == STROKE) {
canvas.drawText(percent + "%", centre - textWidth / 2, centre
+ textSize / 2, paint); // 画出进度百分比
}
/**
* 画圆弧 ，画圆环的进度
*/
// 设置进度是实心还是空心
paint.setStrokeWidth(roundWidth); // 设置圆环的宽度
paint.setColor(roundProgressColor); // 设置进度的颜色
RectF oval = new RectF(centre - radius, centre - radius, centre
+ radius, centre + radius); // 用于定义的圆弧的形状和大小的界限
switch (style) {
case STROKE: {
paint.setStyle(Paint.Style.STROKE);
canvas.drawArc(oval, -90, 360 * progress / max, false, paint); // 根据进度画圆弧
break;
}
case FILL: {
paint.setStyle(Paint.Style.FILL_AND_STROKE);
if (progress != 0)
canvas.drawArc(oval, -90, 360 * progress / max, true, paint); // 根据进度画圆弧
break;
}
}
}
public synchronized int getMax() {
return max;
}
/**
* 设置进度的最大值
*
* @param max
*/
public synchronized void setMax(int max) {
if (max < 0) {
throw new IllegalArgumentException("max not less than 0");
}
this.max = max;
}
/**
* 获取进度.需要同步
*
* @return
*/
public synchronized int getProgress() {
return progress;
}
/**
* 设置进度，此为线程安全控件，由于考虑多线的问题，需要同步 刷新界面调用postInvalidate()能在非UI线程刷新
*
* @param progress
*/
public synchronized void setProgress(int progress) {
if (progress < 0) {
throw new IllegalArgumentException("progress not less than 0");
}
if (progress > max) {
progress = max;
}
if (progress <= max) {
this.progress = progress;
postInvalidate();
}
}
public int getCricleColor() {
return roundColor;
}
public int getCenterColor() {
return centerColor;
}
public void setCenterColor(int centerColor) {
this.centerColor = centerColor;
}
public void setCricleColor(int cricleColor) {
this.roundColor = cricleColor;
}
public int getCricleProgressColor() {
return roundProgressColor;
}
public void setCricleProgressColor(int cricleProgressColor) {
this.roundProgressColor = cricleProgressColor;
}
public int getTextColor() {
return textColor;
}
public void setTextColor(int textColor) {
this.textColor = textColor;
}
public float getTextSize() {
return textSize;
}
public void setTextSize(float textSize) {
this.textSize = textSize;
}
public float getRoundWidth() {
return roundWidth;
}
public void setRoundWidth(float roundWidth) {
this.roundWidth = roundWidth;
}
}
然后在主视图里面使用它：
<com.oinux.playhelper.widget.MemoryBar
android:id="@+id/memeory_status"
android:layout_width="200dip"
android:layout_height="200dip"
android:layout_centerHorizontal="true"
android:layout_marginLeft="22dp"
android:layout_marginTop="20dp"
playhelper:centerColor="?center_color"
playhelper:roundColor="#d2d4d8"
playhelper:roundProgressColor="?round_progress_color"
playhelper:roundWidth_="22dp"
playhelper:textColor="#ffffff"
playhelper:textSize="@dimen/memeory_text" />
这个效果的demo下载地址：http://download.csdn.net/detail/ssun125/6616601
第二个界面是使用了AChartEngine，第三个图还是进度条，所以后面都没什么新鲜的。。写完这个项目让我的ps能力有较大提高。
环形进度条参考：http://blog.csdn.net/xiaanming/article/details/10298163