自定义View学习笔记-1

理解MeasureSpec

MeasureSpec代表一个32位int值，高2位代表SpecMode，低30位代表SpecSize，SpecMode是指测量模式，

而SpecSize是指在某种测量模式下的规格大小；MeasureSpec里边通过将SpecMode和SpecSize打包成一个int值来避免过多的对象内存分配；

SpecMode和SpecSize也是一个int值，一组SpecMode和SpecSize可以打包为一个MeasureSpec，而一个MeasureSpec可以通过解包的形式

来得出其原始的SpecMode和SpecSize，需要注意的是这里提到的MeasureSpec是指MeasureSpec所代表的int值，而并非MeasureSpec本身

SpecMode有三个类，每一类都表示其各含义：

UNSPECIFIED

父容器不对View有任何限制，要多大给多大，这种情况一般用于系统内部，表示一个种测量的状态

EXACTLY

父容器已经检查出View所需要的精确大小，这个时候View的最终大小就是SpecSize所指定的值。它对应于LayoutParams中的match_parent和具体的

数值这两种模式

AT_MOST

父容器指定了一个可用大小即SpecSize,View的大小不能大于这个值，具体是什么值要看不同View的具体实现。它对应于LayoutParams中的wrap_content

 

继承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"/>