提高技能从自定义View开始，从今天开始走上自定义疯狂学习之路。首先来一波最简单的圆的自定义。对于自定义View的原理这里不说，以后的自定义每次都会提上一点
第一步：三个构造函数（最少需要两个构造方法，三个比较好点，因为两个构造函数的时候可能编译的时候会有问题）
public CircleView(Context context) {
super(context);
}public CircleView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
}public CircleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
【圆的自定义】
接着在每个构造函数中添加一个初始化方法，用来设置圆的一些属性，比如颜色，即下一步可如此，这里需要说明一下Paint的STyle的三种属性，刚好发现网上有这张解析，就盗了过来
文章图片
image.png
int mColor = Color.RED;
private Paint paint;
public CircleView(Context context) {
super(context);
init();
}public CircleView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
init();
}public CircleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}private void init() {
paint = new Paint();
paint.setColor(mColor);
paint.setAntiAlias(true);
//抗锯齿
paint.setStyle(Paint.Style.FILL);
//样式
}
到了这里还没有完成，自定义的三大流程，onDraw、onMeasure、onLayout一个都没有实现到。由于这个自定义圆比较简单，我这次仅是使用了onDraw的方法将圆绘制出来，方法如下：
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
int paddingLeft = getPaddingLeft();
int paddingRight = getPaddingRight();
int paddingTop = getPaddingTop();
int paddingBottom = getPaddingBottom();
int width = getWidth() - paddingLeft - paddingRight;
int height = getHeight() - paddingTop - paddingBottom;
int radius = Math.min(width,height)/2;
canvas.drawCircle(paddingLeft + width/2,paddingTop + height/2,radius,paint);
}
看到上面的方法，有没有人注意到，方法中多了getPaddingLeft(); getPaddingRight(); ...的方法。为什么呢？这是因为当你仅以getWidth与getHeight方法获取到的长宽的时候，在布局文件中想要使用padding相关的属性是没有办法使用的，但是如果想上面这样写就不会出现padding无法使用的情况。
最后复制完整路径到布局文件
运行，恩成功了，贴上这次自定义圆的所有代码
public class CircleView extends View {int mColor = Color.RED;
private Paint paint;
public CircleView(Context context) {
super(context);
init();
}public CircleView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
init();
}public CircleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}private void init() {
paint = new Paint();
paint.setColor(mColor);
paint.setAntiAlias(true);
//抗锯齿
paint.setStyle(Paint.Style.FILL);
}@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
int paddingLeft = getPaddingLeft();
int paddingRight = getPaddingRight();
int paddingTop = getPaddingTop();
int paddingBottom = getPaddingBottom();
int width = getWidth() - paddingLeft - paddingRight;
int height = getHeight() - paddingTop - paddingBottom;
int radius = Math.min(width,height)/2;
canvas.drawCircle(paddingLeft + width/2,paddingTop + height/2,radius,paint);
}
}
