玩手机助手——android应用

源码地址：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();}@Overrideprotected 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在进行除法运算，不然都为0float 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