一、必須要理解的知識

1.自定義View分類：

• 重寫View
• 重寫系統(tǒng)組件
• 重寫Layout

2.自定義View的流程（哪些部分）：

• 至少重寫兩個構(gòu)造方法（一個在new對象時調(diào)用，一個在xml布局中聲明時調(diào)用）
• onMeasure
• onLayout
• onDraw
• AttributeSet
• 對外接口

3.難點：

• onDraw中的各種繪制方法
• onMeasure/onLayout

二、追個擊破

onMeasure()

• 作用：onMeasure函數(shù)用于測量當(dāng)前View或者子View的寬高。

• 函數(shù)原型：

protected void onMeasure(int widthMeasureSpec,int heightMeasureSpec)

• 參數(shù)：widthMeasureSpec、heightMeasureSpec這兩個參數(shù)中包含了view的寬和高信息，包括寬高值和測量模式。

• 測量模式：
  測量模式有三種：UNSPECIFIED、EXACTLY、AT_MOST
  int類型數(shù)據(jù)占32位字節(jié)，測量模式就是前兩位放測量模式，類似于00、01,后30位存放寬高值

• 如何獲取測量模式：

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

此時拿到的widthSize并不是View最終的大小，而是父View提供的參考大小,因此需要我們重新測量。

• 測量模式詳解

image.png

• 測量模式與wrap_content、match_parent 的關(guān)系

match_parent-->EXACTLY：match_parent的意思是利用父View剩余的所有空間，
而父View剩余的空間是固定值，所以此測量模式中的值為一個具體值

wrap_content-->AT_MOST:尺寸大小就是父View給我們作為參考的尺寸

固定大小-->EXACTLY:設(shè)置為用戶自己指定的數(shù)值大小

• 重寫onMeasure、深入理解不同的測量模式
  自定義一個View、實現(xiàn)一個將當(dāng)前View寬高相等，以正方形的形式顯示，默認(rèn)寬高為100

/**
**@param defaultSize默認(rèn)大小
**@param measureSpec
**/
private int getMySize(int defaultSize,int measureSpec){
  int mySize=defaultSize;
  int mode=MeasureSpec.getMode(measureSpec);
  int size=MeasureSpec.getSize(measureSpec);
  switch(mode){
    caseMeasureSpec.UNSPECIFIED:
      mySize=defaultSize;
    break;
    caseMeasureSpec.AT_MOST:  //等價wrap_content
      mySize=defaultSize;
    break;
    caseMeasureSpec.EXACTLY:  //等價具體值和match_parent
      mySize=size;
    break;
  }
    returnmySize;
}
@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);
}

xml中引用,設(shè)置不同數(shù)值：
一：設(shè)置寬高為match_parent

 <me.funnyzhao.recyclerviewhelper.view.DrawEveryThing
       android:background="#ff0"
       android:layout_width="match_parent"
       android:layout_height="match_parent" />

顯示效果：

我們看到，此時view充滿了頁面，說明這時測量模式為EXACTLY

二、設(shè)置寬高為具體值

//android:layout_height=x -->  x>150  -->高度都為width值
  <me.funnyzhao.recyclerviewhelper.view.DrawEveryThing
       android:background="#ff0"
       android:layout_width="150dp"
       android:layout_height="150dp" />

顯示效果：

（因為已經(jīng)編譯過、所以可以直接在AS中預(yù)覽）
此時顯示的正方形、寬高值為150dp、說明此時的測量模式為EXACTLY

三、設(shè)置寬高為wrap_content

  <me.funnyzhao.recyclerviewhelper.view.DrawEveryThing
       android:background="#ff0"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content" />

顯示效果：

此時顯示的正方形、寬高均為默認(rèn)值100,說明此時的測量模式為AT_MOST.
總結(jié)如下：

image.png

onDraw()

搞清楚了測量，接下來就是具體的繪制操作了。

我們不妨接著上述的例子往下做、讓當(dāng)前View上顯示一個圓形：

一、重寫onDraw

 @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int r = getMeasuredWidth() / 2;
        int centerX = getLeft() + r;
        int centerY = getTop() + r;
        
        Paint paint = new Paint();
        paint.setColor(Color.GREEN);
        canvas.drawCircle(centerX, centerY, r, paint);
    }

二、xml中代碼

  <me.funnyzhao.recyclerviewhelper.view.DrawEveryThing
       android:background="#ff0"
       android:layout_width="200dp"
       android:layout_height="200dp" />

三、顯示效果

可以看到我們的正方形view上畫出了一個綠色的圓，到這，一個簡單的自定義View就完成了，雖然好丑~2333
（不得不說、AS3.0版本上新增了 instan run按鈕，可以即時更新APP，速度杠杠的啊，按鈕長這樣：

）
實際開發(fā)中的View需求肯定比這個復(fù)雜，可能還需要結(jié)合動畫、滑動事件處理等。這個后面慢慢通過案例來學(xué)習(xí)，因為就上面畫圓的 drawCircle 方法也需要好好琢磨的，這些方法我們不可能都記住，所以可以在開發(fā)中根據(jù)需求查閱：
某魔法大神的杰作：
GcsSloop
http://www.gcssloop.com/customview/CustomViewIndex/

下一篇：自定View之旅·2 (onDraw中的常用API和小案例)