android 自定义扇形控件,Android自定义控件之圆形进度条ImageView

From:http://blog.csdn.net/xiadik/article/details/41648181

packagecom.wangran.beautiful_girl_show.view;importcom.wangran.beautiful_girl_show.view.photoview.PhotoView;importandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Color;importandroid.graphics.Paint;importandroid.graphics.RectF;importandroid.graphics.Typeface;importandroid.util.AttributeSet;/*** 可显示进度的ImageView

*@author夏小川*/

public class ProgressImageView extendsImageView {private static final String TAG = "ProgressImageView";privateContext mContext;public static final int FONT_SIZE = 14;public static final int ROUND_WIDTH = 50;public static final int STROKE_WIDTH = 7;private intmFontSize;private intmRoundWidth;private intmStrokeWidth;privatePaint mPaint;private booleanmShowProgress;private intmProgress;private floatmTextY;private intmCenterX;private intmCenterY;private intmRadius;privateRectF mOval;publicProgressImageView(Context context) {super(context);

mContext=context;

}publicProgressImageView(Context context, AttributeSet attrs) {super(context, attrs);

mContext=context;

}private voidinit() {float scale =mContext.getResources().getDisplayMetrics().density;

mFontSize= (int) (FONT_SIZE *scale);

mRoundWidth= (int) (ROUND_WIDTH *scale);

mStrokeWidth= (int) (STROKE_WIDTH *scale);

mPaint= newPaint();

mPaint.setAntiAlias(true);

mPaint.setTextSize(mFontSize);

mCenterX= getWidth() / 2;

mCenterY= getHeight() / 2;

mRadius= mRoundWidth / 2;

mTextY= mCenterY + mFontSize * 11.0f / 28;

mOval= new RectF(mCenterX - mRadius, mCenterY -mRadius, mCenterX+ mRadius, mCenterY +mRadius);

}public voidonDraw(Canvas canvas) {if(mShowProgress) {if (mCenterX == 0 || mCenterY == 0) {

init();

}//画最外层的大圆环

mPaint.setColor(Color.DKGRAY);

mPaint.setStyle(Paint.Style.STROKE);

mPaint.setStrokeWidth(mStrokeWidth);

canvas.drawCircle(mCenterX, mCenterY, mRadius, mPaint);//画进度百分比

mPaint.setStrokeWidth(0);

mPaint.setColor(Color.WHITE);

mPaint.setTypeface(Typeface.MONOSPACE);

mPaint.setTextAlign(Paint.Align.CENTER);

String progressStr= mProgress + "%";

canvas.drawText(progressStr, mCenterX, mTextY, mPaint);//画圆环的进度

mPaint.setStrokeWidth(mStrokeWidth);

mPaint.setColor(Color.WHITE);

canvas.drawArc(mOval,0, 360 * mProgress / 100, false, mPaint);

}else{super.onDraw(canvas);

}

}public voidstartProgress() {

mShowProgress= true;

setProgress(0);

}public void setProgress(intprogress) {if(mShowProgress) {

mProgress=progress;

invalidate();

}

}public voidcloseProgress() {

mShowProgress= false;

}

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
总共分为三层:一层为圆形边线,一层为进度边线,一层用来显示标识进度节点。 public class CircleProgressBar extends View { private int maxProgress = 100; private int progress = 15; private int progressStrokeWidth = 2; private int marxArcStorkeWidth = 16; // 画圆所在的距形区域 RectF oval; Paint paint; public CircleProgressBar(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub oval = new RectF(); paint = new Paint(); } @Override protected void onDraw(Canvas canvas) { // TODO 自动生成的方法存根 super.onDraw(canvas); int width = this.getWidth(); int height = this.getHeight(); width = (width > height) ? height : width; height = (width > height) ? height : width; paint.setAntiAlias(true); // 设置画笔为抗锯齿 paint.setColor(Color.WHITE); // 设置画笔颜色 canvas.drawColor(Color.TRANSPARENT); // 白色背景 paint.setStrokeWidth(progressStrokeWidth); // 线宽 paint.setStyle(Style.STROKE); oval.left = marxArcStorkeWidth / 2; // 左上角x oval.top = marxArcStorkeWidth / 2; // 左上角y oval.right = width - marxArcStorkeWidth / 2; // 左下角x oval.bottom = height - marxArcStorkeWidth / 2; // 右下角y canvas.drawArc(oval, -90, 360, false, paint); // 绘制白色圆圈,即进度条背景 paint.setColor(Color.rgb(0x57, 0x87, 0xb6)); paint.setStrokeWidth(marxArcStorkeWidth); canvas.drawArc(oval, -90, ((float) progress / maxProgress) * 360, false, paint); // 绘制进度圆弧,这里是蓝色 paint.setStrokeWidth(1); String text = progress + "%"; int textHeight = height / 4; paint.setTextSize(textHeight); int textWidth = (int) paint.measureText(text, 0, text.length()); paint.setStyle(Style.FILL); canvas.drawText(text, width / 2 - textWidth / 2, height / 2 + textHeight / 2, paint); } public int getMaxProgress() { return maxProgress; } public void setMaxProgress(int maxProgress) { this.maxProgress = maxProgress; } /** * 设置进度 * * @param progress * 进度百分比 * @param view * 标识进度的节点视图 */ public void setProgress(int progress, View view) { this.progress = progress; view.setAnimation(pointRotationAnima(0, (int) (((float) 360 / maxProgress) * progress))); this.invalidate(); } /** * 非UI线程调用 */ public void setProgressNotInUiThread(int progress, View view) { this.progress = progress; view.setAnimation(pointRotationAnima(0, (int) (((float) 360 / maxProgress) * progress))); this.postInvalidate(); } /** * 进度标注点的动画 * * @param fromDegrees * @param toDegrees * @return */ private Animation pointRotationAnima(float fromDegrees, float toDegrees) { int initDegress = 306;// 进度点起始位置(图片偏移约54度) RotateAnimation animation = new RotateAnimation(fromDegrees, initDegress + toDegrees, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); animation.setDuration(1);// 设置动画执行时间 animation.setRepeatCount(1);// 设置重复执行次数 animation.setFillAfter(true);// 设置动画结束后是否停留在结束位置 return animation; } }

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值