自定义绘制圆环
package com.cn.myvdun;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;
public class RingView extends View {
private final Paint paint;
private final Context context;
public RingView(Context context) {
// TODO Auto-generated constructor stub
this(context, null);
}
public RingView(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
this.context = context;
this.paint = new Paint();
this.paint.setAntiAlias(true); //消除锯齿
this.paint.setStyle(Paint.Style.STROKE); //绘制空心圆
}
@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
int center = getWidth()/2;
int innerCircle = dip2px(context, 83); //设置内圆半径
int ringWidth = dip2px(context, 5); //设置圆环宽度
//绘制内圆
this.paint.setARGB(155, 167, 190, 206);
this.paint.setStrokeWidth(2);
canvas.drawCircle(center,center, innerCircle, this.paint);
//绘制圆环
this.paint.setARGB(255, 212 ,225, 233);
this.paint.setStrokeWidth(ringWidth);
canvas.drawCircle(center,center, innerCircle+1+ringWidth/2, this.paint);
//绘制外圆
this.paint.setARGB(155, 167, 190, 206);
this.paint.setStrokeWidth(2);
canvas.drawCircle(center,center, innerCircle+ringWidth, this.paint);
super.onDraw(canvas);
}
/**
* 根据手机的分辨率从 dp 的单位 转成为 px(像素)
*/
public static int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
}
//之后XML布局中引用就OK了
自定义绘制圆环(带文字)
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.support.v4.content.ContextCompat;
import android.util.AttributeSet;
import android.view.View;
public class CircleView extends View {
private Paint mPaintCircle;
private Paint mPaintText;
public CircleView(Context context) {
this(context, null);
}
public CircleView(Context context, AttributeSet attrs) {
super(context, attrs);
init(context, attrs);
}
private void init(Context context, AttributeSet attrs) {
mPaintCircle = new Paint(Paint.ANTI_ALIAS_FLAG);
//添加文字的画加入以下代码
mPaintText = new Paint(Paint.ANTI_ALIAS_FLAG);
mPaintText.setColor(ContextCompat.getColor(context, android.R.color.black));
mPaintText.setTextSize(40F);
mTextStr = "正正正正正正正正";
mBoundText = new Rect();
mPaintText.getTextBounds(mTextStr, 0, mTextStr.length(), mBoundText);
mTextWidth = mBoundText.width();
mTextHeight = mBoundText.height();
}
private int mWidth;
private int mHeight;
private float mRadius;
protected void onSizeChanged (int w, int h, int oldw, int oldh) {
mWidth = w; // x 的值就是宽度的一半
mHeight = h; // y 的值就是高度的一半
mRadius = Math.min(mWidth / 2, mHeight / 2); // 得到了radius的值
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawCircle(mWidth / 2, mHeight / 2, mRadius, mPaintCircle);
//添加文字添加
canvas.drawText(mTextStr, (mWidth-mTextWidth) / 2, (mHeight + mTextHeight) / 2, mPaintText);
}
}