自定义View（浅析）

自定义View

1、为什么要使用自定义View

系统提供的内置View无法满足我们的需求，我们要实现一些系统没有的效果。这时候我们使用自定义View

2、自定义View的创建方式

1. 创建自定义View类MNView，继承View类，重写构造函数
2. 重写onMeasure方法，测量宽，高
3. 重写onDraw方法，在画板Canvas对象上绘制
4. 自定义布局属性
   这样一个基本的自定义View就绘制出来了，接下来，咱们对每个步骤进行分析

（1）创建自定义View类

这个类，就是我们的自定义View类，我们大多数时候都会重写里面的两个方法onMeasure，onDraw。onMeasure的作用是对当前View的尺寸进行测量，而onDraw的作用是绘制View。然后至少还要写两个构造函数（具体为什么是这两个，下文有介绍）：

    public MyView(Context context) {
        super(context);
    }
    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs); 
    }

（2）我理解的onMeasure

1. 为什么要有onMeasure这个函数，作用是什么：
   我们把自己的view给别人用，别人定义width和height，通常会涉及到两个属性，即“wrap content”和“match parent”， 我们都知道这两个属性的含义，这里不解释了，这两个属性没有设置具体的dp，也就是没有真正的大小，而我们在放置自己的view的时候，一定要知道view真正的大小（不然不知道多大），正是基于这个矛盾，所以我们一定要在onMeasure里获得view的尺寸大小。
2. onMeasure函数：

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) 

这里面的参数widthMeasureSpec,heightMeasureSpec，和width，height信息类似，但不完全是，widthMeasureSpec包含了测量模式（UNSPECIFIED，EXACTLY，AT_MOST）和width，height同理。这里不介绍原理了。获取方式：

int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);

注：这里的widthsize并不是真正的宽，而是父view提供的参考大小。
EXACTLY：当前的尺寸就是当前View应该取的尺寸
AT_MOST：当前尺寸是当前View能取的最大尺寸

match_parent—>EXACTLY。怎么理解呢？match_parent就是要利用父View给我们提供的所有剩余空间，而父View剩余空间是确定的，也就是这个测量模式的整数里面存放的尺寸。
wrap_content—>AT_MOST。怎么理解：就是我们想要将大小设置为包裹我们的view内容，那么尺寸大小就是父View给我们作为参考的尺寸，只要不超过这个尺寸就可以啦，具体尺寸就根据我们的需求去设定。
固定尺寸：用户指定的尺寸就直接用就行，不用咱们费心了

举例：
（实现效果：将当前的View以正方形的形式显示，即要宽高相等，并且默认的宽高值为100像素。）

 private int getMySize(int defaultSize, int measureSpec) {
        int mySize = defaultSize;

        int mode = MeasureSpec.getMode(measureSpec);
        int size = MeasureSpec.getSize(measureSpec);

        switch (mode) {
            case MeasureSpec.UNSPECIFIED: {//如果没有指定大小，就设置为默认大小
                mySize = defaultSize;
                break;
            }
            case MeasureSpec.AT_MOST: {//如果测量模式是最大取值为size
                //我们将大小取最大值,你也可以取其他值
                mySize = size;
                break;
            }
            case MeasureSpec.EXACTLY: {//如果是固定的大小，那就不要去改变它
                mySize = size;
                break;
            }
        }
        return mySize;
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int width = getMySize(100, widthMeasureSpec);
        int height = getMySize(100, heightMeasureSpec);

        if (width < height) {
            height = width;
        } else {
            width = height;
        }

        setMeasuredDimension(width, height);
}

布局界面：

  <com.hc.studyview.MyView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:background="#ff0000" />

总之就是我们可以在onMeasure里面自己定义宽和高，有一套自己的计算方式。

（3）onDraw方法

绘制自定义View最重要的步骤就是重写onDraw()方法。onDraw()方法的参数是Canvas对象。可以用它来绘制自身。Canvas类定义了绘制文字、线、位图和很多其他图形的方法。

创建绘制的对象
android.graphics框架将绘制分为两步:

• 绘制什么，由Canvas处理。
• 怎么去绘制，由Paint处理。

举例：用view显示一个圆

  @Override
    protected void onDraw(Canvas canvas) {
        //调用父View的onDraw函数，因为View这个类帮我们实现了一些
        // 基本的而绘制功能，比如绘制背景颜色、背景图片等
        super.onDraw(canvas);
        int r = getMeasuredWidth() / 2;//也可以是getMeasuredHeight()/2,本例中我们已经将宽高设置相等了
        //圆心的横坐标为当前的View的左边起始位置+半径
        int centerX = getLeft() + r;
        //圆心的纵坐标为当前的View的顶部起始位置+半径
        int centerY = getTop() + r;

        Paint paint = new Paint();
        paint.setColor(Color.GREEN);
        //开始绘制
        canvas.drawCircle(centerX, centerY, r, paint);
    }

（4）自定义布局属性

某些希望用户指定的属性，在用户不指定时使用默认值，即为自定义布局属性。

1. 在res/values/attrs.xml文件里面声明一个我们自定义的属性：

<resources>

    <!--name为声明的"属性集合"名，最好是设置成和View一样的名称-->
    <declare-styleable name="MyView">
        <!--声明属性，名称为default_size,取值类型为尺寸类型（dp,px等）-->
        <attr name="default_size" format="dimension" />
    </declare-styleable>
</resources>

2. 在布局文件里写入：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:hc="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.hc.studyview.MyView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        hc:default_size="100dp" />
</LinearLayout>

3. 在构造函数里把自定义属性取出来（这里就是第二个构造函数的作用啦）：

private int defalutSize;
  public MyView(Context context, AttributeSet attrs) {
      super(context, attrs);
        //第二个参数就是我们在attrs.xml文件中的<declare-styleable>标签
        //即属性集合的标签，在R文件中名称为R.styleable+name
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.MyView);

        //第一个参数为属性集合里面的属性，R文件名称：R.styleable+属性集合名称+下划线+属性名称
        //第二个参数为，如果没有设置这个属性，则设置的默认的值
        defalutSize = a.getDimensionPixelSize(R.styleable.MyView_default_size, 100);

        //最后记得将TypedArray对象回收
        a.recycle();
   }