继承View重写onDraw方法

对于直接继承自View的控件，如果不对wrap_content做特殊处理，那么使用wrap_content就相当于mathc_parent.

处理：只需要制定一个wrap_content模式的默认宽/高

代码如下：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
    int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
    int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
    int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);
    if (widthSpecMode == MeasureSpec.AT_MOST && heightSpecMode == MeasureSpec.AT_MOST) {
        setMeasuredDimension(200, 200);
    } else if (widthSpecMode == MeasureSpec.AT_MOST) {
        setMeasuredDimension(200, heightMeasureSpec);
    } else if (heightSpecMode == MeasureSpec.AT_MOST) {
        setMeasuredDimension(widthSpecSize, 200);
    }
}

直接继承自View和ViewGroup的控件，padding是默认无法生效的，需要自己处理。

处理代码：

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    final int paddingLeft = getPaddingLeft();
    final int paddingRight = getPaddingRight();
    final int paddingTop = getPaddingTop();
    final int paddingBotton = getPaddingBottom();
    int width = getWidth() - paddingLeft - paddingRight;
    int height = getHeight() - paddingTop - paddingBotton;
    int radius = Math.min(width, height) / 2;
    canvas.drawCircle(paddingLeft + width / 2, paddingTop + height / 2, radius, mPaint);
}

还需要为其提供自定义属性

第一步：在values目录下面创建自定义属性的XML，比如attrs.xml，文件夹名取合适的名字：创建attrs.xml文件

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="CircleView">
        <attr name="circle_color" format="color"/>
    </declare-styleable>
</resources>
这里定义一个格式为"color"的属性“circle_color”，指的是颜色
refrence是指资源id
dimension是指尺寸
string、integer、boolean是指基本数据类型

第二步：在View的构造方法中解析自定义属性的值并做相应处理
构造方法中：

public CircleView(Context context,AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CircleView);
    mColor = a.getColor(R.styleable.CircleView_circle_color, Color.RED);
    a.recycle();
    init();
}
首先加载自定义属性集合CircleView，接着解析CircleView属性集合中的circle_color属性，它的id为：R.styleable.CircleView_circle_color
过程中，如果在使用时没有指定circle_color这个属性，那么就会选择红色作为默认的颜色值，解析完自定义属性后，通过recycle方法来实现资源。


第三步：在布局中使用自定义属性

<yuer.com.uitestdemo.ui.CircleView
    android:id="@+id/circle_view1"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:layout_margin="20dp"
    android:background="#000000"
    android:padding="20dp"
    app:circle_color="@color/light_green"/>

自定义View学习笔记-1