前言，
我的視訊系列 http://edu.csdn.net/course/detail/2741，
一起來學習Android…
本篇部落格主要是想要講解一下自定義控制元件如何入門，其中有好多資料資源來源自網路，綜合了網路上一些有些的博文，又同時增加了博主自己的一些思路，在這裡姑且以原創自居吧…

如何入手自定義控制元件

第一步：先判斷當前要寫的是一個View還是一個ViewGroup

• Android的UI介面都是由View和ViewGroup及其派生類組合而成的。其中，View是所有UI元件的基類，而ViewGroup是容納這些元件的容器，其本身也是從View派生出來的。AndroidUI介面的一般結構可參見下面的示意圖：
• 一般ViewGroup我們可以理解為可以放控制元件的容器
  
• 而View我們可以理解為單一的一個控制元件
  

第二步：瞭解自定義控制元件常用的一些方法

重要的方法已經加黑標記，初學者掌握先來掌握這四個方法。

• onFinishlnflate()這是一個回撥方法, 當應用從 XML 佈局檔案載入該元件並利用
  它來構建介面之後, 該方法就會被回撥。

• onMeasure(int,int):呼叫該方法來檢測View元件及它所包含的所有子元件的大小.

  measure操作主要用於計算檢視的大小，即檢視的寬度和長度。在view中定義為final型別，要求子類不能修改。measure()函式中又會呼叫下面的函式：
  （1）onMeasure()，檢視大小的將在這裡最終確定，也就是說measure只是對onMeasure的一個包裝，子類可以覆寫onMeasure()方法實現自己的計算檢視大小的方式，並通過setMeasuredDimension(width, height)儲存計算結果。

• onlayout(boolean,int,int,int,int):當該元件需要分配其子元件的位置、大小時，
  該方法就會被回撥. View類中佈局發生改變時會呼叫的方法，這個方法是所有View、ViewGroup及其派生類都具有的方法，過載該類可以在佈局發生改變時作定製處理，這在實現一些特效時非常有用。

  layout操作用於設定檢視在螢幕中顯示的位置。在view中定義為final型別，要求子類不能修改。layout()函式中有兩個基本操作：
  

  （1）setFrame（l,t,r,b），l,t,r,b即子檢視在父檢視中的具體位置，該函式用於將這些引數儲存起來；
  （2）onLayout()，在View中這個函式什麼都不會做，提供該函式主要是為viewGroup型別佈局子檢視用的；

• onSizeChanged(int,int, int, int)：當該元件的大小被改變時回撥該方法.

• onDraw(canves)： 當該元件將要繪製它的內容時回撥該方法迸行繪製. View類中用於重繪的方法，這個方法是所有View、ViewGroup及其派生類都具有的方法，也是Android UI繪製最重要的方法。開發者可 過載該方法，並在過載的方法內部基於引數canvas繪製自己的各種圖形、影象效果。
  

  draw操作利用前兩部得到的引數，將檢視顯示在螢幕上，到這裡也就完成了整個的檢視繪製工作。子類也不應該修改該方法，因為其內部定義了繪圖的基本操作：
  （1）繪製背景；
  （2）如果要檢視顯示漸變框，這裡會做一些準備工作；
  （3）繪製檢視本身，即呼叫onDraw()函式。在view中onDraw()是個空函式，也就是說具體的檢視都要覆寫該函式來實現自己的顯示（比如TextView在這裡實現了繪製文字的過程）。而對於ViewGroup則不需要實現該函式，因為作為容器是“沒有內容“的，其包含了多個子view，而子View已經實現了自己的繪製方法，因此只需要告訴子view繪製自己就可以了，也就是下面的dispatchDraw()方法;
  （4）繪製子檢視，即dispatchDraw()函式。在view中這是個空函式，具體的檢視不需要實現該方法，它是專門為容器類準備的，也就是容器類必須實現該方法；
  （5）如果需要（應用程式呼叫了setVerticalFadingEdge或者setHorizontalFadingEdge），開始繪製漸變框；
  （6）繪製滾動條；
  從上面可以看出自定義View需要最少覆寫onMeasure()和onDraw()兩個方法。

• onKeyDown(int,KeyEvent): 當某個鍵被按下時觸發該方法.
• onKayUp(int,KeyEvent)， 當鬆開某個鍵時觸發該方法.
• onTrackballEvent (MotionEvent): 當發生軌跡球事件時觸發該方法
• onTouchEvent (MotionEvent): 當發生觸控式螢幕事件時觸發該方法.
• onWindowFocuschanged(boolean): 當該元件得到、失去焦點時觸發該方法.
• onAttachedToWindow():當把該元件放入某個視窗時觸發該方法.
• onDetachedFromWindow()： 當把該元件從某個視窗上分離時觸發該方法.
• onWindowVisibilityChanged(int):當包含該元件的視窗的可見性發生改變時觸發該方法

從自定義一個可以隨手指滑動的圓圈來進行入手

• 分析當前控制元件是應該繼承自View還是ViewGroup

  由於這個自定義控制元件內部不需要新增任何的其他控制元件，所以是繼承自View
  public class MovingView extends View

• 分析該控制元件是否需要進行測量並設定大小

  可以在佈局檔案中設定這個View的寬高直接是匹配父窗體
  那麼，只需要測量出該圓圈的初始位置即可
  @Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
// 測量計算出當前螢幕控制元件的寬高
width = this.getWidth();
height = this.getHeight();
x = width * 1.0f / 2;
y = height * 1.0f / 2;
}


• 繪製介面，重寫onDraw方法

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 建立畫筆
        Paint paint = new Paint();
        // 設定畫筆顏色
        paint.setColor(Color.BLUE);
        // 畫出小球
        canvas.drawCircle(x, y, circleR, paint);
    }

• 重寫onTouchEvent，讓小圓點隨手指移動而移動
  

  需要判斷當前手指按下的位置，是否是在小球身上

/**
     * 計算手指是否是落在了滑塊上(預設是按照滑塊在未解鎖的初始位置來計算的)
     */
    public boolean isDownOnBlock(float x1, float x2, float y1, float y2) {
        float sqrt = FloatMath.sqrt(Math.abs(x1 - x2) * Math.abs(x1 - x2)
                + Math.abs(y1 - y2) * Math.abs(y1 - y2));
        if (sqrt <= circleR) {
            return true;
        }
        return false;
    }

onTouchEvent的具體程式碼

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        float x2 = event.getX();
        float y2 = event.getY();
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            downOnBlock = isDownOnBlock(x2, x, y2, y);
            break;
        case MotionEvent.ACTION_MOVE:
            if (downOnBlock) {
                x = x2;
                y = y2;
                postInvalidate();
            }
            break;
        }
        //消費該事件
        return true;
    }

• 在執行onTouchEvent的時候，重新繪製介面

  postInvalidate()

• 再次執行onDraw方法

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 建立畫筆
        Paint paint = new Paint();
        // 設定畫筆顏色
        paint.setColor(Color.RED);
        // 進行邊框判斷,設定圖示不超過邊界
        if (x - circleR < 0) {
            x = circleR;
        }
        if (y - circleR < 0) {
            y = circleR;
        }
        if (x > width - circleR) {
            x = width - circleR;
        }
        if (y > height - circleR) {
            y = height - circleR;
        }
        // 畫出小球
        canvas.drawCircle(x, y, circleR, paint);
    }

以上是自定義控制元件的簡單應用，還在修改整理中…