Android控件架構與自定義控件(二)

6、View的繪制

(1)當測量好一個View之后猾蒂,我們就可以簡單的重寫 onDraw()方法均唉,并在 Canvas 對象上來繪制所需要的圖形。Canvas是onDraw()方法的一個參數(shù)肚菠。要想在Android界面中繪制相應的圖像舔箭,就必須在 Canvas 上進行繪制。 它就像一個畫板蚊逢,使用 Paint 就可以在上面作畫了层扶。
(2)通常我們要在onDraw外創(chuàng)建一個Canvas對象,創(chuàng)建時還要引入布局中的一個bitmap對象:

Canvas canvas = new Canvas(bitmap);  

這里必須是一個bitmap對象烙荷,他與Canvas畫布是緊緊聯(lián)系在一起的镜会,這個過程叫做 裝載畫布。
(3)bitmap用來存儲所有繪制在 Canvas 上的像素信息终抽,都是設置給bitmap的稚叹。
舉例:

//繪制兩個bitmap:這兩個是在onDraw中繪制的
canvas.drawBitmap(bitmap1,0,0,null);
canvas.drawBitmap(bitmap2.0,0,null);
<span style="white-space:pre">  </span>// 現(xiàn)在將bitmap2裝載到onDrow()之外的Canvas對象中:
<span style="white-space:pre">  </span>Canvas mCanvas = new Canvas(bitmap2);
<span style="white-space:pre">  </span>// 然后通過mCanvas對bitmap2進行繪圖:
<span style="white-space:pre">  </span>mCanvas.drawXXX;

這樣通過mCanvas對bitmap2的繪制,刷新View后bitmap2就會發(fā)生相應的改變了拿诸。所以說所有的Canvas的繪制都是作用在bitmap上的扒袖,與在哪里,與哪個Canvas無關亩码。
(4)Draw過程比較簡單季率,它的作用是將View繪制到屏幕上面。
(5)View的繪制過程遵循如下幾步:
繪制背景 background.draw(canvas)
繪制自己 (onDraw)
繪制children (dispatchDraw)
繪制裝飾 (onDrawScrollBars)
(6)下面看看draw方法的源碼:
源碼位置:sources\android\view\View.java描沟。

/**
* Manually render this view (and all of its children) to the given Canvas.
* The view must have already done a full layout before this function is
* called.  When implementing a view, implement
* {@link #onDraw(android.graphics.Canvas)} instead of overriding this method.
* If you do need to override this method, call the superclass version.
*
* @param canvas The Canvas to which the View is rendered.
*/
public void draw(Canvas canvas) {
   if (mClipBounds != null) {
       canvas.clipRect(mClipBounds);
   }
   final int privateFlags = mPrivateFlags;
   final boolean dirtyOpaque = (privateFlags & PFLAG_DIRTY_MASK) == PFLAG_DIRTY_OPAQUE &&
           (mAttachInfo == null || !mAttachInfo.mIgnoreDirtyState);
   mPrivateFlags = (privateFlags & ~PFLAG_DIRTY_MASK) | PFLAG_DRAWN;

   /*
    * Draw traversal performs several drawing steps which must be executed
    * in the appropriate order:
    *
    *      1. Draw the background
    *      2. If necessary, save the canvas' layers to prepare for fading
    *      3. Draw view's content
    *      4. Draw children
    *      5. If necessary, draw the fading edges and restore layers
    *      6. Draw decorations (scrollbars for instance)
    */

   // Step 1, draw the background, if needed 繪制背景
   int saveCount;

   if (!dirtyOpaque) {
       final Drawable background = mBackground;
       if (background != null) {
           final int scrollX = mScrollX;
           final int scrollY = mScrollY;

           if (mBackgroundSizeChanged) {
               background.setBounds(0, 0,  mRight - mLeft, mBottom - mTop);
               mBackgroundSizeChanged = false;
           }

           if ((scrollX | scrollY) == 0) {
               background.draw(canvas);
           } else {
               canvas.translate(scrollX, scrollY);
               background.draw(canvas);
               canvas.translate(-scrollX, -scrollY);
           }
       }
   }

   // skip step 2 & 5 if possible (common case)
   final int viewFlags = mViewFlags;
   boolean horizontalEdges = (viewFlags & FADING_EDGE_HORIZONTAL) != 0;
   boolean verticalEdges = (viewFlags & FADING_EDGE_VERTICAL) != 0;
   if (!verticalEdges && !horizontalEdges) {
       // Step 3, draw the content 繪制自己
       if (!dirtyOpaque) onDraw(canvas);

       // Step 4, draw the children 繪制Children
       dispatchDraw(canvas);

       // Step 6, draw decorations (scrollbars) 繪制裝飾
       onDrawScrollBars(canvas);

       if (mOverlay != null && !mOverlay.isEmpty()) {
           mOverlay.getOverlayView().dispatchDraw(canvas);
       }

       // we're done...
       return;
   }

(8)在View.java中有dispatchDraw方法飒泻,但它是空的鞭光,其他的繼承了View的比如說ViewGroup就要去重寫這個方法去實現(xiàn)對子元素的繪制。

/**
 * Called by draw to draw the child views. This may be overridden
 * by derived classes to gain control just before its children are drawn
 * (but after its own view has been drawn).
 * @param canvas the canvas on which to draw the view
 */
protected void dispatchDraw(Canvas canvas) {

}

(9)ViewGroup通常不需要繪制泞遗,因為他本身就沒有需要繪制的東西惰许,如果不是指定了ViewGroup的背景顏色,那么ViewGroup的onDrow()方法都不會被調(diào)用史辙。
但是汹买,ViewGroup會使用dispatchDraw()方法繪制其子View,其過程同樣是遍歷所有的子View聊倔,并調(diào)用子View的繪制方法來完成繪制工作晦毙。
(10)View中還有一個特殊的方法:setWillNotDraw:

/**
 * If this view doesn't do any drawing on its own, set this flag to
 * allow further optimizations. By default, this flag is not set on
 * View, but could be set on some View subclasses such as ViewGroup.
 *
 * Typically, if you override {@link #onDraw(android.graphics.Canvas)}
 * you should clear this flag.
 *
 * @param willNotDraw whether or not this View draw on its own
 */
public void setWillNotDraw(boolean willNotDraw) {
    setFlags(willNotDraw ? WILL_NOT_DRAW : 0, DRAW_MASK);
}

如果一個View不需要繪制任何內(nèi)容,那么設置這個標記位為true以后耙蔑,系統(tǒng)就會進行相應的優(yōu)化见妒。默認情況下,View并沒有啟用這個優(yōu)化標記位甸陌,但是ViewGroup會默認啟用這個優(yōu)化標記位须揣。
這個標記位對實際開發(fā)的意義是:當我們的自定義控件繼承于ViewGroup并且本身不具備繪制功能時,就可以開啟這個標記位從而便于系統(tǒng)進行后續(xù)的優(yōu)化钱豁。
當然返敬,當明確知道一個ViewGroup需要通過onDraw來繪制內(nèi)容時,我們需要顯式的關閉WILL_NOT_DRAW 這個標志位寥院。

7劲赠、自定義View

在自定義View時,我們通常會去重寫 onDraw()方法來繪制View的顯示內(nèi)容秸谢,如果該View還需要使用wrap_content 屬性凛澎,那么還必須重寫 onMeasure()方法。

另外估蹄,通過自定義 attrs屬性塑煎,還可以設置新的屬性配置值。

在View通常有以下一些比較重要的回調(diào)方法:
(1)onFinishInflate():從XML加載組件后回調(diào)臭蚁。
(2)onSizeChanged():組件大小改變時回調(diào)最铁。
(3)onMeasure():回調(diào)該方法來進行測量。
(4)onLayout():回調(diào)該方法來確定顯示的位置垮兑。
(5)onTouchEvent():監(jiān)聽到觸摸事件時回調(diào)冷尉。

自定義View的注意點:
(1)讓View支持wrap_content:
如果直接繼承View或者ViewGroup的控件,如果不在onMeasure中對wrap_content做特殊處理系枪,那么當外界在布局中使用wrap_content時雀哨,就無法達到預期的效果。
(2)如果有必要,讓你的View支持padding:
如果直接繼承View雾棺,如果不再draw方法中處理padding膊夹,那么padding屬性是無法起到作用的。
另外捌浩,直接繼承子ViewGroup的控件需要在onMeasure和onLayout中考慮padding和子元素的margin對其造成的影響放刨,不然將導致padding和子元素margin失效。
(3)盡量不要在View中使用Handler尸饺,沒必要:
因為View內(nèi)部本身就提供了post系列的方法进统,完全可以替代Handler的作用,
當然除非你很明確要使用Handler來發(fā)送消息侵佃。
(4)View中如果有線程或者動畫麻昼,需要及時停止奠支,參考View#onDetachedFromWindow:
如果有動畫或者線程需要停止時馋辈,那么onDetachedFromWindow是一個很好的時機。
當包含此View的Activity退出或者當前View被remove時倍谜,View的onDetachedFromWindow方法會被調(diào)用迈螟,
和onDetachedFromWindow方法對應的是onAttachedToWindow,
當包含此View的Activity啟動時尔崔,View的onAttachedToWindow方法會被調(diào)用答毫。
同時當View變得不可見時,我們也要停止線程和動畫季春,
如果不及時處理這種問題洗搂,有可能會造成內(nèi)存泄漏!T嘏T拍础!
(5)View帶有滑動嵌套情形時宇攻,需要處理好滑動沖突

自定義View的分類:

1惫叛、繼承特定的View,比如TextView:(對現(xiàn)有控件進行拓展)

用于擴展已有的View的功能逞刷。
這種方法不需要自己支持wrap_content和padding等嘉涌。

2、繼承View重新onDraw方法:(重寫View來實現(xiàn)全新的控件)

主要用于實現(xiàn)一些不規(guī)則的效果夸浅,比如繪制一個圓啊仑最,方框啊什么的。
采用這種方式需要自己支持wrap_content帆喇,并且padding需要自己處理词身。

3、繼承特定的ViewGroup番枚,比如LinearLayout:(創(chuàng)建復合控件)

不需要處理ViewGroup的測量和布局法严。

4损敷、繼承ViewGroup派生特殊的Layout:(自定義ViewGroup)

用于實現(xiàn)自定義布局,即除了LinearLayout深啤、RelativeLayout拗馒、FrameLayout這幾種系統(tǒng)的布局之外,我們重新定義一種新的布局溯街。
當某種效果看起來很像幾種View組合在一起的時候诱桂,可以采用這種方法來實現(xiàn)。
這種方式需要合適地處理 ViewGroup的測量呈昔、布局這兩個過程挥等,并同時處理子元素的測量和布局過程。

7.1堤尾、對現(xiàn)有控件進行拓展:

一般來說肝劲,在onDraw()方法中對原生控件行為進行拓展。

舉例1:讓一個TextView的背景更加豐富郭宝,給其多繪制幾層背景:
/**
 * 初始化畫筆等
 */
private void initPaint() {
    // 藍色線條
    paint1 = new Paint();
    paint1.setColor(getResources().getColor(
            android.R.color.holo_blue_bright));
    paint1.setStyle(Paint.Style.FILL);
    // 綠色背景
    paint2 = new Paint();
    paint2.setColor(getResources()
            .getColor(android.R.color.holo_green_dark));
    paint2.setStyle(Paint.Style.FILL);
}

/**
 * 我們可以在在調(diào)用super.onDraw(canvas)之前和之后實現(xiàn)自己的邏輯辞槐,
 * 分別在系統(tǒng)繪制文字前后,完成自己的操作
 */
@Override
protected void onDraw(Canvas canvas) {
    
    // TODO 回調(diào)父類方法super.onDraw(canvas)前粘室,對TextView來說即是繪制文本內(nèi)容之前
    /*
     * 在繪制文字之下榄檬,繪制兩個大小不同的矩形,形成一個重疊的效果衔统,
     * 再讓系統(tǒng)調(diào)用super.onDraw方法鹿榜,執(zhí)行繪制文字的工作。
     * */
    // 繪制一個外層矩形锦爵,藍色那個
    canvas.drawRect(
            0, 
            0, 
            getMeasuredWidth(), 
            getMeasuredHeight(), 
            paint1);
    // 繪制一個內(nèi)層矩形舱殿,綠色那個
    canvas.drawRect(
            10, 
            10, 
            getMeasuredWidth() - 10,
            getMeasuredHeight() - 10, 
            paint2);
    canvas.save();
    // 繪制文字前平移10px
    canvas.translate(10, 0);
    
    super.onDraw(canvas);
    
    // TODO 回調(diào)父類方法后,對TextView來說即是繪制文本內(nèi)容之后
    canvas.restore();
    
}
舉例2:閃動的文字效果

要想實現(xiàn)這個效果,要充分利用Android中Paint對象的Shader渲染器。通過設置一個不斷變化的 LinearGradient悯许,并使用帶有該屬性的Paint對象來繪制要顯示的文字。
首先枝恋,在onSizeChanged(),中進行一些對象的初始化工作,根據(jù)view的寬設置一個LinearGradient漸變渲染器嗡害。

private int mViewWidth;  
private Paint mPaint;  
private Linear Gradient linearGradient;  
private Matrix matrix;  
private int mTranslate;  
  
  
@Override  
protected void onSizeChanged(int w, int h, int oldw, int oldh) {  
<span style="white-space:pre">    </span>  
    super.onSizeChanged(w, h, oldw, oldh);  
      
    if(mViewWidth==0){  
        mViewWidth = getMeasuredWidth();//系統(tǒng)里的函數(shù)  
          
        if(mViewWidth>0){  
        <span style="white-space:pre">    </span>// 獲取當前繪制TextView的Paint對象  
        <span style="white-space:pre">    </span>mPaint = getPaint();  
            // 給這個paint對象設置原生TextView沒有的LinearGradient屬性:  
            linearGradient = new LinearGradient(  
            0,   
            0,   
            mViewWidth,   
            0,   
                    new int[]{Color.BLUE,0xffffffff,Color.GREEN},   
                    new float[]{0,1,2},   
                    Shader.TileMode.MIRROR);  
            paint.setShader(linearGradient);  
            matrix = new Matrix();  
        }  
    }  
}  
/** 
 * 在onDraw中通過矩陣的方式來不斷平移漸變效果焚碌,從而在繪制文字時,產(chǎn)生動態(tài)的閃動的效果: 
 */  
@Override  
protected void onDraw(Canvas canvas) {  
    // TODO 回調(diào)父類方法super.onDraw(canvas)前霸妹,對TextView來說即是繪制文本內(nèi)容之前  
    super.onDraw(canvas);  
    // TODO 回調(diào)父類方法后十电,對TextView來說即是繪制文本內(nèi)容之后  
    Log.e("mess", "------onDraw----");  
    if (matrix != null) {  
        mTranslate += mViewWidth / 5;  
        if (mTranslate > 2 * mViewWidth) {  
            mTranslate = -mViewWidth;  
        }  
        matrix.setTranslate(mTranslate, 0);  
        linearGradient.setLocalMatrix(matrix);  
        postInvalidateDelayed(100);  
        }  
    }  
}  

這個例子需要注意的地方是在onSizeChanged方法中,mPaint = getPaint();
這是什么意思呢,在第一個例子中鹃骂,我們的Paint都是在程序中創(chuàng)建的新的台盯,而這個例子中是同個getPaint()方法獲取的。
也就是說畏线,第一個例子中創(chuàng)建的Paint是要畫在已有的TextView上的静盅,而第二個例子中我們獲取了TextView它本身自己的Paint,然后在它的基礎上進行修改寝殴,這樣就可以將效果加載在TextView本身的文字上了蒿叠。

7.2、創(chuàng)建復合控件

這種方式通常需要繼承一個已有的ViewGroup蚣常,再給它添加指定功能的控件市咽,從而組合成新的復合控件。
復合控件抵蚊,最常見的其實就是我們的TitleBar了施绎,一般就是一個left+title+right組合。
(1)定義屬性:
為一個View提供可自定義的屬性非常簡單泌射,只需要在res資源目錄的values目錄下創(chuàng)建一個attrs.xml的屬性定義文件粘姜,并在該文件中通過如下代碼定義相應的屬性即可:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="TitleBar">
        <!-- 定義title文字鬓照,大小熔酷,顏色 -->
        <attr name="title" format="string" />
        <attr name="titleTextSize" format="dimension"/>
        <attr name="titleTextColor" format="color" />
        <!-- 定義left 文字,大小豺裆,顏色拒秘,背景 -->
        <attr name="leftText" format="string" />
        <attr name="leftTextSize" format="dimension" />
        <attr name="leftTextColor" format="color" />
        <!-- 表示背景可以是顏色,也可以是引用 -->
        <attr name="leftBackGround" format="color|reference" />
        <!-- 定義right 文字臭猜,大小躺酒,顏色,背景 -->
        <attr name="rightText" format="string" />
        <attr name="rightTextSize" format="dimension"/>
        <attr name="rightTextColor" format="color" />
        <attr name="rightBackGround" format="color|reference" />
    </declare-styleable>
</resources>

下面需要創(chuàng)建一個類蔑歌,叫TitleBar羹应,并且它繼承自RelativeLayout中。在這個類中:
(2)獲取自定義屬性集
TypedArray typed = context.obtainStyledAttributes(attrs, R.styleable.TitleBar);
系統(tǒng)提供了 TypedArray 這樣的數(shù)據(jù)結構來獲取自定義屬性集次屠,后面引用的 styleable 的TitleBar 园匹,就是我們在XML中通過<declare-styleable name="TitleBar">所指定的name名。接下來通過TypedArray對象的getString()劫灶、getColor()等方法裸违,就可以獲取這些定義的屬性值:

/**
 * 獲取自定義的屬性
 * 
 * @param context
 */
private int leftTextColor;
private Drawable leftBackGround;
private String leftText;
private float leftTextSize;

private int rightTextColor;
private String rightText;
private float rightTextSize;

private int titleTextColor;
private String titleText;
private float titleTextSize;

/**
 * 通過這個方法,將你在attrs.xml中定義的 declare_styleable的
 * 所有屬性的值存儲到TypedArray中:
 * @param context
 * @param attrs
 */
private void initAttr(Context context, AttributeSet attrs) {
    
    // 得到TypedArray對象typed
    TypedArray typed = context.obtainStyledAttributes(attrs, R.styleable.TitleBar);
    
    // 從typed中取出對應的值為要設置的屬性賦值本昏,第二個參數(shù)是未指定時的默認值
    // 這里第一個參數(shù)是 R.styleable.name_attrname 耶
    leftTextColor = typed.getColor(R.styleable.TitleBar_leftTextColor, 0XFFFFFFFF);
    leftBackGround = typed.getDrawable(R.styleable.TitleBar_leftBackGround);
    leftText = typed.getString(R.styleable.TitleBar_leftText);
    leftTextSize = typed.getDimension(R.styleable.TitleBar_leftTextSize, 20);

    rightTextColor = typed.getColor(R.styleable.TitleBar_rightTextColor, 0XFFFFFFFF);
    rightText = typed.getString(R.styleable.TitleBar_rightText);
    rightTextSize = typed.getDimension(R.styleable.TitleBar_rightTextSize, 20);

    titleTextColor = typed.getColor(R.styleable.TitleBar_titleTextColor, 0XFFFFFFFF);
    titleText = typed.getString(R.styleable.TitleBar_title);
    titleTextSize = typed.getDimension(R.styleable.TitleBar_titleTextSize, 20);
    
    // 不要忘記調(diào)用,用來避免重新創(chuàng)建的時候的錯誤供汛。
    typed.recycle();
}

(3)組合控件(在UI模板類中)
UI模版TitleBar實際上由三個控件組成,即左邊的點擊按鈕mLeftButton,右邊的點擊按鈕mRightButton和中間的標題欄mTitleView怔昨。通過動態(tài)添加控件的方式雀久,使用addView方法將這三個控件加入到定義的TitleBar模版中,并給它們設置我們前面所獲取到的具體的屬性值趁舀,比如標題的文字顏色岸啡、大小等:
這里要注意啦,下面的各種setXXX中赫编,括號里都是剛剛上面initAttr中獲取的值巡蘸。

private TextView titleView;  
private Button leftButton;  
private Button rightButton;    
private RelativeLayout.LayoutParams leftParams;  
private RelativeLayout.LayoutParams rightParams;  
private RelativeLayout.LayoutParams titleParams;  
  
  
/** 
 * 代碼布局 
 *  
 * @param context 
 */  
@SuppressWarnings("deprecation")  
private void initView(Context context) {  
<span style="white-space:pre">    </span>// TitleBar上的三個控件  
    titleView = new TextView(context);  
    leftButton = new Button(context);  
    rightButton = new Button(context);  
  
    // 為創(chuàng)建的組件賦值,標題欄  
    titleView.setText(titleText);  
    titleView.setTextSize(titleTextSize);  
    titleView.setTextColor(titleTextColor);  
    titleView.setGravity(Gravity.CENTER);  
  
    // 為創(chuàng)建的組件賦值擂送,左邊按鈕  
    leftButton.setText(leftText);  
    leftButton.setTextColor(leftTextColor);  
    leftButton.setBackgroundDrawable(leftBackGround);  
    leftButton.setTextSize(leftTextSize);  
  
    // 為創(chuàng)建的組件賦值悦荒,右邊按鈕  
    rightButton.setText(rightText);  
    rightButton.setTextSize(rightTextSize);  
    rightButton.setTextColor(rightTextColor);  
  
    // 為組件元素設置相應的布局元素,設置大小和位置  
    // 在左邊  
    leftParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);  
    leftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT, RelativeLayout.TRUE);  
    // 添加到ViewGroup中:  
    addView(leftButton, leftParams);  
  
    // 在右邊  
    rightParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);  
    rightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, RelativeLayout.TRUE);  
    addView(rightButton, rightParams);  
  
    //中間  
    titleParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);  
    rightParams.addRule(RelativeLayout.CENTER_IN_PARENT, RelativeLayout.TRUE);  
    addView(titleView, titleParams);  
  
    //添加點擊監(jiān)聽嘹吨,(下面講述如何引入的)  
    /* 
     * 這里的setOnClickListener是系統(tǒng)的關于一個Button的自帶的點擊事件 
     * */  
    leftButton.setOnClickListener(new OnClickListener() {  
        @Override  
        public void onClick(View v) {  
        /* 
         * 在對點擊事件做相應以前搬味,在調(diào)用這的MainActivity中,就已經(jīng)把listenr傳入進來了蟀拷, 
         * 在這里只需要直接調(diào)用就可以了碰纬。 
         * 其中l(wèi)istener是一個setTitleBarClickListener接口方法的對象。 
         * */  
            if (listener != null) {  
            //正常設置它們的點擊事件處理onClick问芬,只是在onClick中讓它們執(zhí)行我們設定的處理悦析。  
                listener.leftClick();  
            }  
        }  
    });  
  
  
    rightButton.setOnClickListener(new OnClickListener() {  
        @Override  
        public void onClick(View v) {  
            if (listener != null) {  
                listener.rightClick();  
            }  
        }  
    });  
}  

(4)定義接口(在UI模板類中)
那么如何給這兩個左右按鈕設計點擊事件呢?既然是UI模版此衅,那么每個調(diào)用者所需要這些按鈕能夠?qū)崿F(xiàn)的功能都是不一樣的强戴,因此,不能直接在UI模板中添加具體的實現(xiàn)邏輯挡鞍,只能通過接口回調(diào)的思想骑歹,將具體的實現(xiàn)邏輯交給調(diào)用者:

/* 
 * 這是一個接口方法,這個接口中有兩個為實現(xiàn)的方法墨微。 
 * */  
public interface TitleBarClickListener{  
    //左點擊  
    void leftClick();  
    //右點擊  
    void rightClick();  
}  

也就是模板類中的這兩個方法需要在具體的調(diào)用者的代碼中實現(xiàn)道媚。
(5)暴露接口給調(diào)用者

/**
 * 暴露一個方法給調(diào)用者來注冊接口回調(diào),通過接口來獲得回調(diào)者對接口方法TitleBarClickListener的實現(xiàn)
 * 這里的參數(shù)是一個TitleBarClickListener接口的接口對象翘县。
 * @param listener
 */
public void setTitleBarClickListener(TitleBarClickListener listener) {
     this.listener = listener;
}

還包括上面(3)中的兩個調(diào)用
(6)實現(xiàn)接口的回調(diào)
就是說在調(diào)用者MainActivity的代碼中重寫接口中的leftClick()方法和rightClick()方法來實現(xiàn)具體的邏輯:

/**
 * 在調(diào)用者的代碼中最域,調(diào)用者需要實現(xiàn)這樣的一個接口,并完成接口中的方法炼蹦,確定具體的實現(xiàn)邏輯
 * 并使用剛剛暴露的方法羡宙,將接口的對象傳遞進去,從而完成回調(diào)掐隐。
 * 通常情況下狗热,可以使用匿名內(nèi)部類的形式來實現(xiàn)接口中的方法:
 */
private TitleBar titlebar;


@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
     titlebar = (TitleBar) findViewById(R.id.titlebar);
     /*
     * setTitleBarClickListener是在TitleBar定義中的一個方法钞馁,它用來接收listener。
     * TitleBarClickListener是在TitleBar中定義的一個接口匿刮,
     * 這個接口中有兩個為實現(xiàn)的方法rightClick和leftClick僧凰。
     * 這里重寫了leftClick和rightClick方法。
     * */
     titlebar.setTitleBarClickListener(new TitleBar.TitleBarClickListener(){
 
        @Override
        public void rightClick(){
            Toast.makeText(this, "right---", Toast.LENGTH_LONG).show();
        }
      
        @Override
        public void leftClick(){
            Toast.makeText(this, "left---", Toast.LENGTH_LONG).show();
        }
     });
}

(7)引用UI模板
在引用前熟丸,都需要指定第三方控件的名字空間:

xmlns:android="http://schemas.android.com/apk/res/android"  

這行代碼就是在指定引用的名字控件xmlns训措,即xml namespace。這里指定了名字控件為“android”光羞,因此在接下來使用系統(tǒng)屬性的時候绩鸣,才可以使用“android:”來引用Android的系統(tǒng)屬性。
那么如果需要使用自己自定義的屬性纱兑,那么就需要創(chuàng)建自己的名字空間呀闻,在Android Studio中,第三方的控件都使用如下的代碼來引入名字空間:

xmlns:android="http://schemas.android.com/apk/res-auto"  

其中android是我們的名字空間潜慎,這個是可以自己改的捡多,自己設置的,比如可以起名稱叫cumtom什么的铐炫。
使用自定義的VIew與系統(tǒng)原生的View最大的區(qū)別就是在申明控件時垒手,需要指定完整的包名,而在引用自定義的屬性時倒信,需要使用自定義的xmlns名字:

<com.example.day_1.TitleBar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:custom="http://schemas.android.com/apk/res-auto"
android:id="@+id/titlebar"
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_alignParentBottom="true"
custom:leftBackGround="#ff000000"
custom:leftText="left"
custom:leftTextColor="#ffff6734"
custom:leftTextSize="25dp" 
custom:rightText="right"
custom:rightTextSize="25dp"
custom:rightTextColor="#ff123456"
custom:title="title"
custom:titleTextColor="#ff654321"/>

<com.example.day_1.TitleBar>

再更進一步科贬,我們也可以將UI模板寫到一個布局文件TitleBar.xml中:

<com.example.day_1.TitleBar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/titlebar"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:layout_alignParentBottom="true"
    app:leftBackGround="#ff000000"
    app:leftText="left"
    app:leftTextColor="#ffff6734"
    app:leftTextSize="25dp" 
    app:rightText="right"
    app:rightTextSize="25dp"
    app:rightTextColor="#ff123456"
    app:title="title"
    app:titleTextColor="#ff654321"/>

<com.example.day_1.TitleBar>

通過上面的代碼,我們就可以在其他的局部文件中堤结,通過<include>標簽來引用這個UI模板View:

<include layout="@layout/TitleBar">  

7.3唆迁、重寫VIew來實現(xiàn)全新的控件

創(chuàng)建自定義View的難點在于繪制控件和實現(xiàn)交互鸭丛。通常需要繼承View類竞穷,并重寫它的 onDraw()、onMeasure()等方法來實現(xiàn)繪制邏輯鳞溉,同時通過重寫 onTouchEvent()等觸控事件來實現(xiàn)交互邏輯瘾带。我們還可以像實現(xiàn)控件方式那樣,通過引入自定義屬性熟菲,豐富自定義View的可定制性看政。

(1)例一:弧線展示圖

這個view可以分為三個部分,中間的圓圈抄罕,中間顯示的文字允蚣,外圈的圓弧。只要有了這樣的思路呆贿,剩余的就是在onDraw()方法中去繪制了嚷兔。首先我們這個自定義的View名叫CirclePregressView森渐。

private int mMeasureHeigth;// 控件高度  
private int mMeasureWidth;// 控件寬度  
// 圓形  
private Paint mCirclePaint;  
private float mCircleXY;//圓心坐標  
private float mRadius;//圓形半徑  
// 圓弧  
private Paint mArcPaint;  
private RectF mArcRectF;//圓弧的外切矩形  
private float mSweepAngle;//圓弧的角度  
private float mSweepValue = 50;// 用來計算圓弧的角度  
// 文字  
private Paint mTextPaint;  
private String mShowText;//文本內(nèi)容  
private float mShowTextSize;//文本大小  
  
@Override  
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
//獲取控件寬度  
    mMeasureWidth = MeasureSpec.getSize(widthMeasureSpec);  
    //獲取控件高度  
    mMeasureHeigth = MeasureSpec.getSize(heightMeasureSpec);  
    // 設置大小  
    setMeasuredDimension(mMeasureWidth, mMeasureHeigth);  
    initView();  
}  
  
/** 
 *準備畫筆, 
 */  
private void initView() {  
  
// View的長度為寬高的最小值:  
    float length = Math.min(mMeasureWidth,mMeasureHeigth);  
      
    /** 
     * 圓 
     */  
    // 確定圓心坐標  
    mCircleXY = length / 2;  
    // 確定圓的半徑  
    mRadius = (float) (length * 0.5 / 2);  
    // 定義畫筆  
    mCirclePaint = new Paint();  
    // 去鋸齒  
    mCirclePaint.setAntiAlias(true);  
    // 設置顏色  
    mCirclePaint.setColor(getResources().getColor(android.R.color.holo_green_dark));  
  
    /** 
     * 圓弧 
     */  
    // 圓弧的外切矩形  
    mArcRectF = new RectF(  
          (float) (length * 0.1),   
          (float) (length * 0.1),   
          (float) (length * 0.9),  
          (float) (length * 0.9));  
    // 圓弧的角度  
    mSweepAngle = (mSweepValue / 100f) * 360f;  
    // 圓弧畫筆  
    mArcPaint = new Paint();  
    // 設置顏色  
    mArcPaint.setColor(getResources().getColor(android.R.color.holo_blue_bright));  
    //圓弧寬度  
    mArcPaint.setStrokeWidth((float) (length * 0.1));  
    //圓弧  
    mArcPaint.setStyle(Style.STROKE);  
      
    /** 
     * 文字 
     */  
    mShowText = setShowText();  
    mShowTextSize = setShowTextSize();  
    mTextPaint = new Paint();  
    mTextPaint.setTextSize(mShowTextSize);  
    mTextPaint.setTextAlign(Paint.Align.CENTER);  
  
  
}  
  
/** 
 * 設置文字內(nèi)容 
 * @return 
 */  
private String setShowText() {  
    this.invalidate();  
    return "Android Skill";  
}  
  
/** 
 * 設置文字大小 
 * @return 
 */  
private float setShowTextSize() {  
    this.invalidate();  
    return 50;  
}  
  
/** 
 * 這個函數(shù)還不能缺少冒晰,至于invalidate的使用方法同衣,我現(xiàn)在還不知道呢 
 */  
public void forceInvalidate() {  
    this.invalidate();  
}  
  
@Override  
protected void onDraw(Canvas canvas) {  
    super.onDraw(canvas);  
    // 繪制圓  
    canvas.drawCircle(mCircleXY, mCircleXY, mRadius, mCirclePaint);  
    // 繪制圓弧,逆時針繪制壶运,角度跟  
    canvas.drawArc(mArcRectF, 90, mSweepAngle, false, mArcPaint);  
    // 繪制文字  
    canvas.drawText(mShowText, 0, mShowText.length(), mCircleXY, mCircleXY + mShowTextSize / 4, mTextPaint);  
}  

當然還可以這樣讓調(diào)用者來設置不同的狀態(tài)值:
這個是寫在自定義控件類中的:

/** 
 * 讓調(diào)用者來設置不同的狀態(tài)值耐齐,比如這里默認值為25 
 * @param sweepValue 
 */  
public void setSweepValue(float sweepValue) {  
    if (sweepValue != 0) {  
        mSweepValue = sweepValue;  
    } else {  
        mSweepValue = 25;  
    }  
    this.invalidate();  
}   

這個是寫在主程序中的:

CircleProgressView circle = (CircleProgressView)findViewById(R.id.circle);  
circle.setSweepValue(70);  

(2)例二:音頻條形圖:

思路:繪制n個小矩形,每個矩形有些偏移即可

private int mWidth;//控件的寬度
private int mRectWidth;// 矩形的寬度
private int mRectHeight;// 矩形的高度
private Paint paint;
private int mRectCount;// 矩形的個數(shù)

private int offset = 5;// 偏移
private double mRandom;
private LinearGradient lg;// 漸變

private void initView() {
    paint = new Paint();
    paint.setColor(Color.GREEN);
    paint.setStyle(Paint.Style.FILL);
    mRectCount = 12;
}

/**
 * 設置漸變效果:用Shader蒋情。
 */
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(w, h, oldw, oldh);
    mWidth = getWidth();
    mRectHeight = getHeight();
    mRectWidth = (int) (mWidth * 0.6 / mRectCount);
    lg = new LinearGradient(
            0, 
            0, 
            mRectWidth, 
            mRectHeight, 
            Color.GREEN, 
            Color.BLUE, 
            TileMode.CLAMP);
    paint.setShader(lg);
}

/**
 * 
 */
@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    // 隨機的為每個矩形條計算高度埠况,而后設置高度。
    for (int i = 0; i < mRectCount; i++) {
        mRandom = Math.random();
        float currentHeight = (int) (mRectHeight * mRandom);
        canvas.drawRect(
                (float) (mWidth * 0.4 / 2 + mRectWidth * i + offset * i), 
                currentHeight,
                (float) (mWidth * 0.4 / 2 + mRectWidth * (i + 1) + offset * i), 
                mRectHeight, 
                paint);
    }
    // 調(diào)用Invalidate()方法通知View進行重繪棵癣。這里延緩1秒延遲重繪询枚,比較容易看清楚。
    postInvalidateDelayed(1000);
}

8浙巫、自定義ViewGroup

自定義ViewGroup通常需要重寫onMeasure()方法來對子View進行測量金蜀,重寫onLayout()方法來確定子View的位置,重寫onTouchEvent()方法增加響應事件的畴。
案例分析:自定義ViewGroup實現(xiàn)ScrollView所具有的上下滑動功能渊抄,但是在滑動的過程中,增加一個粘性效果丧裁,即當一個子View向上滑動大于一定距離后护桦,松開手指,它將自動向上滑動煎娇,顯示下一個子View二庵。向下同理。

8.1缓呛、 首先實現(xiàn)類似Scrollview的功能

在ViewGroup能夠滾動之前催享,需要先放置好它的子View。使用遍歷的方式來通知子View對自身進行測量:

/**
 * 
 * 使用遍歷的方式通知子view進行自測
 * 
 * */
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    int count = getChildCount();

    for (int i = 0; i < count; i++) {
        View childView = getChildAt(i);
        measureChild(childView, widthMeasureSpec, heightMeasureSpec);//讓每個子View都顯示完整的一屏
    }//這樣在滑動的時候哟绊,可以比較好地實現(xiàn)后面的效果因妙。
}

8.2、放置子view

/**
 * 計算屏幕高度
 * 
 * @return
 */
private int getScreenHeight() {
    WindowManager manager = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
    DisplayMetrics dm = new DisplayMetrics();
    manager.getDefaultDisplay().getMetrics(dm);
    return dm.heightPixels;
}

/**
 * 每個view獨占一屏 放置view的位置
 * 
 */
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
    
    // 設置ViewGroup的高度票髓,在本例中攀涵,由于讓每個子View占一屏的高度,因此整個ViewGroup的高度即子View的個數(shù)乘以屏幕的高度
    mScreenHeight = getScreenHeight();
    int childcount = getChildCount();
    MarginLayoutParams mlp = (MarginLayoutParams) getLayoutParams();
    mlp.height = childcount * mScreenHeight;
    setLayoutParams(mlp);

    //修改每個子VIew的top和bottom這兩個屬性洽沟,讓它們能依次排列下來以故。
    for (int i = 0; i < childcount; i++) {
        View view = getChildAt(i);
        if (view.getVisibility() != View.GONE) {
            view.layout(l, i * mScreenHeight, r, (i + 1) * mScreenHeight);
        }
    }
}

8.3、響應滑動事件

重寫觸摸事件
使用scrollBy方法來輔助滑動:

@Override
public boolean onTouchEvent(MotionEvent event) {
    
    int action = event.getAction();
    int y = (int) event.getY();
    
    switch (action) {
    
    case MotionEvent.ACTION_DOWN:
        mLastY = y;
        // 記錄觸摸起點
        mStart = getScrollY();
        break;
        
    case MotionEvent.ACTION_MOVE:
        if (!mScroller.isFinished()) {
            mScroller.abortAnimation();
        }
        // dy在這里:
        int dy = mLastY - y;
        //View移動到上邊沿
        if (getScrollY() < 0) {
            dy = 0;
        }
        //view移動到下邊沿
        if (getScrollY() > getHeight() - mScreenHeight) {
            dy = 0;
        }
        Log.e("mess", mScreenHeight+"-----height="+getHeight()+"-----------view="+(getHeight()-mScreenHeight));
        
        // 讓手指滑動的時候讓ViewGroup的所有子View也跟著滾動dy即可裆操,計算dy的方法有很多:
        scrollBy(0, dy);
        
        mLastY = y;
        break;
        
    case MotionEvent.ACTION_UP:
        // 記錄觸摸終點
        mEnd = getScrollY();
        int dScrollY = mEnd - mStart;
        Log.e("mess", "---dscrollY="+dScrollY);
        
        if (dScrollY > 0) {// 上滑

            if (dScrollY < mScreenHeight / 3) {// 回彈效果
                mScroller.startScroll(0, getScrollY(), 0, -dScrollY);
            } else {// 滑到下一個view
                mScroller.startScroll(0, getScrollY(), 0, mScreenHeight - dScrollY);
            }
        } else {// 下滑
            if (-dScrollY < mScreenHeight / 3) {// 回彈
                mScroller.startScroll(0, getScrollY(), 0, -dScrollY);
            } else {
                mScroller.startScroll(0, getScrollY(), 0, -mScreenHeight - dScrollY);
            }
        }
        break;
    }
    
    //不要忘了怒详,忘了這個有點坑了就
    postInvalidate();
    return true;
}

實現(xiàn)滾動

@Override
public void computeScroll() {
    super.computeScroll();
    if (mScroller.computeScrollOffset()) {
        scrollTo(0, mScroller.getCurrY());
        postInvalidate();
    }
}

9鳄乏、事件攔截機制

9.1、MotionEvent-點擊事件

當Android系統(tǒng)捕獲到用戶的各種輸入事件后棘利,要想準確的傳遞到真正需要這個事件的控件就需要使用到Android中的事件攔截機制橱野。這里主要講的是點擊事件的攔截機制,首先善玫,點擊事件就是手指接觸屏幕后產(chǎn)生的事件水援,Android的觸摸事件封裝了一個類:MotionEvent,只要重寫觸摸相關的方法茅郎,就得用到MotionEvent蜗元。MotionEvent中封裝了很多方法,比如可以用event.getX()與event.getY()來獲取坐標位置系冗,它也包含了幾種不同的Action:
?ACTION_DOWN:手指剛剛接觸到屏幕奕扣。
?ACTION_MOVE:手指在屏幕上移動。
?ACTION_UP:手指離開屏幕掌敬。

在正常情況下惯豆,一次手指觸摸屏幕的行為會觸發(fā)一系列點擊事件,考慮如下幾種情況:
?點擊屏幕后離開松開奔害,事件序列為Down->Up
?點擊屏幕滑動一會再松開楷兽,事件序列為Down->Move->......>Move->Up

那么,在MotionEvent里面封裝了不少好東西华临,比如觸摸點的坐標芯杀,可以通過event.getX()方法和event.getRawX(),這兩者區(qū)別也很簡單雅潭,getX()返回的是相對于當前View左上角的x坐標揭厚,getRawY()返回是相對于手機屏幕左上角的x坐標,同理扶供,y坐標也是可以獲取的筛圆,getY()和getRawY()方法,MotionEvent獲得點擊事件的類型诚欠,可以通過不同的Action來進行區(qū)分顽染,并實現(xiàn)不同的邏輯。

例子:
觸摸事件還是簡單的轰绵,其實就是一個動作類型加坐標而已。但是我們知道尼荆,Android的View結構是樹形結構左腔,也就是說,View可以放在ViewGroup里面捅儒,通過不同的組合來實現(xiàn)不同的樣式液样,那么如果View放在ViewGroup里面振亮,這個ViewGroup又嵌套在另一個ViewGroup里面,甚至還有可能繼續(xù)嵌套鞭莽,一層層的疊加起來呢坊秸,我們先看一個例子,是通過一個按鈕點擊的澎怒。

XML文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:gravity="center"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/mylayout">
    <Button
        android:id="@+id/my_btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="click test"/>
</LinearLayout>

Activity文件

public class ListenerActivity extends Activity implements View.OnTouchListener, View.OnClickListener {
    private LinearLayout mLayout;
    private Button mButton;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        mLayout = (LinearLayout) this.findViewById(R.id.mylayout);
        mButton = (Button) this.findViewById(R.id.my_btn);

        mLayout.setOnTouchListener(this);
        mButton.setOnTouchListener(this);

        mLayout.setOnClickListener(this);
        mButton.setOnClickListener(this);
    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        Log.i(null, "OnTouchListener--onTouch-- action="+event.getAction()+" --"+v);
        return false;
    }

    @Override
    public void onClick(View v) {
        Log.i(null, "OnClickListener--onClick--"+v);
    }
}

Activity中有一個LinearLayout(ViewGroup的子類褒搔,ViewGroup是View的子類)布局,布局中包含一個按鈕(View的子類)喷面,然后分別對這兩個控件設置了Touch與Click的監(jiān)聽事件星瘾,具體運行結果如下:

1,當穩(wěn)穩(wěn)的點擊Button時

2惧辈,當穩(wěn)穩(wěn)的點擊除過Button以外的其他地方時:

3琳状,當收指點擊Button時按在Button上晃動了一下松開后

我們看下onTouch和onClick,從參數(shù)都能看出來onTouch比onClick強大靈活盒齿,畢竟多了一個event參數(shù)念逞。這樣onTouch里就可以處理ACTION_DOWN、ACTION_UP边翁、ACTION_MOVE等等的各種觸摸“构瘢現(xiàn)在來分析下上面的打印結果;在1中倒彰,當我們點擊Button時會先觸發(fā)onTouch事件(之所以打印action為0,1各一次是因為按下抬起兩個觸摸動作被觸發(fā))然后才觸發(fā)onClick事件审洞;在2中也同理類似1;在3中會發(fā)現(xiàn)onTouch被多次調(diào)運后才調(diào)運onClick待讳,是因為手指晃動了芒澜,所以觸發(fā)了ACTION_DOWN->ACTION_MOVE…->ACTION_UP。

onTouch會有一個返回值创淡,而且在上面返回了false痴晦。我們將上面的onTouch返回值改為ture,驗證一下琳彩。如下:

@Override
public boolean onTouch(View v, MotionEvent event) {
   Log.i(null, "OnTouchListener--onTouch-- action="+event.getAction()+" --"+v);
   return true;
}

顯示結果:

此時onTouch返回true誊酌,則onClick不會被調(diào)運了。
實例驗證你可以總結發(fā)現(xiàn):
1.Android控件的Listener事件觸發(fā)順序是先觸發(fā)onTouch露乏,其次onClick碧浊。
2.如果控件的onTouch返回true將會阻止事件繼續(xù)傳遞,返回false事件會繼續(xù)傳遞瘟仿。

9.2箱锐、事件流程

看上面的例子是不是有點困惑,為何OnTouch返回True劳较,onClick就不執(zhí)行驹止,事件傳遞就中斷浩聋,在這里需要引進一個場景,這樣解釋起來就更形象生動臊恋。
首先衣洁,請想象一下生活中常見的場景:假如你所在的公司,有一個總經(jīng)理抖仅,級別最高坊夫,它下面有個部長,級別次之岸售,最底層就是干活的你践樱,沒有級別。現(xiàn)在總經(jīng)理有一個任務凸丸,總經(jīng)理將這個業(yè)務布置給部長拷邢,部長又把任務安排給你,當你完成這個任務時屎慢,就把任務反饋給部長瞭稼,部長覺得這個任務完成的不錯腻惠,于是就簽了他的名字反饋給總經(jīng)理环肘,總經(jīng)理看了也覺得不錯,就也簽了名字交給董事會集灌,這樣悔雹,一個任務就順利完成了。這其實就是一個典型的事件攔截機制欣喧。

在這里我們先定義三個類:
一個總經(jīng)理—MyViewGroupA腌零,最外層的ViewGroup
一個部長—MyViewGroupB,中間的ViewGroup
一個你—MyView唆阿,在最底層

根據(jù)以上的場景益涧,我們可以繪制以下流程圖:

從圖中,我們可以看到在ViewGroup中驯鳖,比View多了一個方法—onInterceptTouchEvent()方法闲询,這個是干嘛用的呢,是用來進行事件攔截的浅辙,如果被攔截扭弧,事件就不會往下傳遞了,不攔截則繼續(xù)摔握。
如果我們稍微改動下寄狼,如果總經(jīng)理(MyViewGroupA)發(fā)現(xiàn)這個任務太簡單,覺得自己就可以完成氨淌,完全沒必要再找下屬泊愧,因此MyViewGroupA就使用了onInterceptTouchEvent()方法把事件給攔截了,此時流程圖:

我們可以看到盛正,事件就傳遞到MyVewGroupA這里就不繼續(xù)傳遞下去了删咱,就直接返回。
如果我們再改動下豪筝,總經(jīng)理(MyViewGroupA)委托給部長(MyViewGroupB)痰滋,部長覺得自己就可以完成,完全沒必要再找下屬续崖,因此MyViewGroupB就使用了onInterceptTouchEvent()方法把事件給攔截了敲街,此時流程圖:


我們可以看到,MyViewGroupB攔截后严望,就不繼續(xù)傳遞了多艇,同理如果,到干貨的我們上(MyView)像吻,也直接返回True的話峻黍,事件也是不會繼續(xù)傳遞的,如圖:


源碼

分析Android View事件傳遞機制之前有必要先看下源碼的一些關系拨匆,如下是幾個繼承關系圖:

view9_9.png

看了官方這個繼承圖是不是明白了上面例子中說的LinearLayout是ViewGroup的子類姆涩,ViewGroup是View的子類,Button是View的子類關系呢惭每?其實骨饿,在Android中所有的控件無非都是ViewGroup或者View的子類,說高尚點就是所有控件都是View的子類台腥。

(1)宏赘、從View的dispatchTouchEvent方法說起

在Android中你只要觸摸控件首先都會觸發(fā)控件的dispatchTouchEvent方法(其實這個方法一般都沒在具體的控件類中,而在他的父類View中)览爵,所以我們先來看下View的dispatchTouchEvent方法置鼻,如下:

public boolean dispatchTouchEvent(MotionEvent event) {
  // If the event should be handled by accessibility focus first.
   if (event.isTargetAccessibilityFocus()) {
       // We don't have focus or no virtual descendant has it, do not handle the event.
       if (!isAccessibilityFocusedViewOrHost()) {
           return false;
       }
       // We have focus and got the event, then use normal event dispatch.
       event.setTargetAccessibilityFocus(false);
   }

   boolean result = false;

   if (mInputEventConsistencyVerifier != null) {
       mInputEventConsistencyVerifier.onTouchEvent(event, 0);
   }

   final int actionMasked = event.getActionMasked();
   if (actionMasked == MotionEvent.ACTION_DOWN) {
       // Defensive cleanup for new gesture
       stopNestedScroll();
   }

   if (onFilterTouchEventForSecurity(event)) {
       //noinspection SimplifiableIfStatement
       ListenerInfo li = mListenerInfo;
       if (li != null && li.mOnTouchListener != null
               && (mViewFlags & ENABLED_MASK) == ENABLED
               && li.mOnTouchListener.onTouch(this, event)) {
           result = true;
       }

       if (!result && onTouchEvent(event)) {
           result = true;
       }
   }

   if (!result && mInputEventConsistencyVerifier != null) {
       mInputEventConsistencyVerifier.onUnhandledEvent(event, 0);
   }

   // Clean up after nested scrolls if this is the end of a gesture;
   // also cancel it if we tried an ACTION_DOWN but we didn't want the rest
   // of the gesture.
   if (actionMasked == MotionEvent.ACTION_UP ||
           actionMasked == MotionEvent.ACTION_CANCEL ||
           (actionMasked == MotionEvent.ACTION_DOWN && !result)) {
       stopNestedScroll();
   }

   return result;
}

dispatchTouchEvent的代碼有點長,但可以挑幾個重點講講蜓竹,if (onFilterTouchEventForSecurity(event))語句判斷當前View是否沒被遮住等箕母,然后定義ListenerInfo局部變量,ListenerInfo是View的靜態(tài)內(nèi)部類俱济,用來定義一堆關于View的XXXListener等方法嘶是;接著if (li != null && li.mOnTouchListener != null && (mViewFlags & ENABLED_MASK) == ENABLED && li.mOnTouchListener.onTouch(this, event))語句就是重點,首先li對象自然不會為null蛛碌,li.mOnTouchListener呢聂喇?你會發(fā)現(xiàn)ListenerInfo的mOnTouchListener成員是在哪兒賦值的呢宣谈?怎么確認他是不是null呢花颗?通過在View類里搜索可以看到:

/**
 * Register a callback to be invoked when a touch event is sent to this view.
 * @param l the touch listener to attach to this view
 */
public void setOnTouchListener(OnTouchListener l) {
    getListenerInfo().mOnTouchListener = l;
}

li.mOnTouchListener是不是null取決于控件(View)是否設置setOnTouchListener監(jiān)聽,在上面的實例中我們是設置過Button的setOnTouchListener方法的,所以也不為null叁执,接著通過位與運算確定控件(View)是不是ENABLED 的粤策,默認控件都是ENABLED 的耿戚,接著判斷onTouch的返回值是不是true恼蓬。通過如上判斷之后如果都為true則設置默認為false的result為true,那么接下來的if (!result && onTouchEvent(event))就不會執(zhí)行堕澄,最終dispatchTouchEvent也會返回true邀跃。而如果if (li != null && li.mOnTouchListener != null && (mViewFlags & ENABLED_MASK) == ENABLED && li.mOnTouchListener.onTouch(this, event))語句有一個為false則if (!result && onTouchEvent(event))就會執(zhí)行,如果onTouchEvent(event)返回false則dispatchTouchEvent返回false蛙紫,否則返回true拍屑。

這下再看前面的實例部分明白了吧?控件觸摸就會調(diào)運dispatchTouchEvent方法坑傅,而在dispatchTouchEvent中先執(zhí)行的是onTouch方法僵驰,所以驗證了實例結論總結中的onTouch優(yōu)先于onClick執(zhí)行道理。如果控件是ENABLE且在onTouch方法里返回了true則dispatchTouchEvent方法也返回true裁蚁,不會再繼續(xù)往下執(zhí)行矢渊;反之,onTouch返回false則會繼續(xù)向下執(zhí)行onTouchEvent方法枉证,且dispatchTouchEvent的返回值與onTouchEvent返回值相同

(2)矮男、dispatchTouchEvent總結

在View的觸摸屏傳遞機制中通過分析dispatchTouchEvent方法源碼我們會得出如下基本結論:

1.觸摸控件(View)首先執(zhí)行dispatchTouchEvent方法。
2.在dispatchTouchEvent方法中先執(zhí)行onTouch方法室谚,后執(zhí)行onClick方法(onClick方法在onTouchEvent中執(zhí)行毡鉴,下面會分析)。
3.如果控件(View)的onTouch返回false或者mOnTouchListener為null(控件沒有設置setOnTouchListener方法)或者控件不是enable的情況下會調(diào)運onTouchEvent秒赤,dispatchTouchEvent返回值與onTouchEvent返回一樣猪瞬。
4.如果控件不是enable的設置了onTouch方法也不會執(zhí)行,只能通過重寫控件的onTouchEvent方法處理(上面已經(jīng)處理分析了)入篮,dispatchTouchEvent返回值與onTouchEvent返回一樣陈瘦。
5.如果控件(View)是enable且onTouch返回true情況下,dispatchTouchEvent直接返回true潮售,不會調(diào)用onTouchEvent方法痊项。

(3)、onTouchEvent方法
public boolean onTouchEvent(MotionEvent event) {
    final float x = event.getX();
    final float y = event.getY();
    final int viewFlags = mViewFlags;

    if ((viewFlags & ENABLED_MASK) == DISABLED) {
        if (event.getAction() == MotionEvent.ACTION_UP && (mPrivateFlags & PFLAG_PRESSED) != 0) {
            setPressed(false);
        }
        // A disabled view that is clickable still consumes the touch
        // events, it just doesn't respond to them.
        return (((viewFlags & CLICKABLE) == CLICKABLE ||
                (viewFlags & LONG_CLICKABLE) == LONG_CLICKABLE));
    }

    if (mTouchDelegate != null) {
        if (mTouchDelegate.onTouchEvent(event)) {
            return true;
        }
    }

    if (((viewFlags & CLICKABLE) == CLICKABLE ||
            (viewFlags & LONG_CLICKABLE) == LONG_CLICKABLE)) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_UP:
                boolean prepressed = (mPrivateFlags & PFLAG_PREPRESSED) != 0;
                if ((mPrivateFlags & PFLAG_PRESSED) != 0 || prepressed) {
                    // take focus if we don't have it already and we should in
                    // touch mode.
                    boolean focusTaken = false;
                    if (isFocusable() && isFocusableInTouchMode() && !isFocused()) {
                        focusTaken = requestFocus();
                    }

                    if (prepressed) {
                        // The button is being released before we actually
                        // showed it as pressed.  Make it show the pressed
                        // state now (before scheduling the click) to ensure
                        // the user sees it.
                        setPressed(true, x, y);
                   }

                    if (!mHasPerformedLongPress) {
                        // This is a tap, so remove the longpress check
                        removeLongPressCallback();

                        // Only perform take click actions if we were in the pressed state
                        if (!focusTaken) {
                            // Use a Runnable and post this rather than calling
                            // performClick directly. This lets other visual state
                            // of the view update before click actions start.
                            if (mPerformClick == null) {
                                mPerformClick = new PerformClick();
                            }
                            if (!post(mPerformClick)) {
                                performClick();
                            }
                        }
                    }

                    if (mUnsetPressedState == null) {
                        mUnsetPressedState = new UnsetPressedState();
                    }

                    if (prepressed) {
                        postDelayed(mUnsetPressedState,
                                ViewConfiguration.getPressedStateDuration());
                    } else if (!post(mUnsetPressedState)) {
                        // If the post failed, unpress right now
                        mUnsetPressedState.run();
                    }

                    removeTapCallback();
                }
                break;

            case MotionEvent.ACTION_DOWN:
                mHasPerformedLongPress = false;

                if (performButtonActionOnTouchDown(event)) {
                    break;
                }

                // Walk up the hierarchy to determine if we're inside a scrolling container.
                boolean isInScrollingContainer = isInScrollingContainer();

                // For views inside a scrolling container, delay the pressed feedback for
                // a short period in case this is a scroll.
                if (isInScrollingContainer) {
                    mPrivateFlags |= PFLAG_PREPRESSED;
                    if (mPendingCheckForTap == null) {
                        mPendingCheckForTap = new CheckForTap();
                    }
                    mPendingCheckForTap.x = event.getX();
                    mPendingCheckForTap.y = event.getY();
                    postDelayed(mPendingCheckForTap, ViewConfiguration.getTapTimeout());
                } else {
                    // Not inside a scrolling container, so show the feedback right away
                    setPressed(true, x, y);
                    checkForLongClick(0);
                }
                break;

            case MotionEvent.ACTION_CANCEL:
                setPressed(false);
                removeTapCallback();
                removeLongPressCallback();
                break;

            case MotionEvent.ACTION_MOVE:
                drawableHotspotChanged(x, y);

                // Be lenient about moving outside of buttons
                if (!pointInView(x, y, mTouchSlop)) {
                    // Outside button
                    removeTapCallback();
                    if ((mPrivateFlags & PFLAG_PRESSED) != 0) {
                        // Remove any future long press/tap checks
                        removeLongPressCallback();

                        setPressed(false);
                    }
                }
                break;
        }

        return true;
    }

    return false;
}

首先地6到14行可以看出酥诽,如果控件(View)是disenable狀態(tài)鞍泉,同時是可以clickable的則onTouchEvent直接消費事件返回true,反之如果控件(View)是disenable狀態(tài)肮帐,同時是disclickable的則onTouchEvent直接false咖驮。多說一句,關于控件的enable或者clickable屬性可以通過java或者xml直接設置,每個view都有這些屬性托修。

接著22行可以看見忘巧,如果一個控件是enable且disclickable則onTouchEvent直接返回false了;反之诀黍,如果一個控件是enable且clickable則繼續(xù)進入過于一個event的switch判斷中袋坑,然后最終onTouchEvent都返回了true仗处。switch的ACTION_DOWN與ACTION_MOVE都進行了一些必要的設置與置位眯勾,接著到手抬起來ACTION_UP時你會發(fā)現(xiàn),首先判斷了是否按下過婆誓,同時是不是可以得到焦點吃环,然后嘗試獲取焦點,然后判斷如果不是longPressed則通過post在UI Thread中執(zhí)行一個PerformClick的Runnable洋幻,也就是performClick方法郁轻。具體如下:

 public boolean performClick() {
    final boolean result;
    final ListenerInfo li = mListenerInfo;
    if (li != null && li.mOnClickListener != null) {
        playSoundEffect(SoundEffectConstants.CLICK);
        li.mOnClickListener.onClick(this);
        result = true;
    } else {
        result = false;
    }

    sendAccessibilityEvent(AccessibilityEvent.TYPE_VIEW_CLICKED);
    return result;
}

這個方法也是先定義一個ListenerInfo的變量然后賦值,接著判斷l(xiāng)i.mOnClickListener是不是為null文留,決定執(zhí)行不執(zhí)行onClick好唯。你指定現(xiàn)在已經(jīng)很機智了燥翅,和onTouch一樣骑篙,搜一下mOnClickListener在哪賦值的唄,結果發(fā)現(xiàn):

public void setOnClickListener(OnClickListener l) {
   if (!isClickable()) {
        setClickable(true);
    }
    getListenerInfo().mOnClickListener = l;
}

控件只要監(jiān)聽了onClick方法則mOnClickListener就不為null森书,而且有意思的是如果調(diào)運setOnClickListener方法設置監(jiān)聽且控件是disclickable的情況下默認會幫設置為clickable靶端。

(4)、onTouchEvent小結

1.onTouchEvent方法中會在ACTION_UP分支中觸發(fā)onClick的監(jiān)聽凛膏。
2.當dispatchTouchEvent在進行事件分發(fā)的時候杨名,只有前一個action返回true,才會觸發(fā)下一個action猖毫。

9.3台谍、小結

1.一個View一旦決定攔截,那么一個事件序列都會交給他處理吁断,并且它的onInterceptTouchEvent不會被調(diào)用趁蕊。
2.某個View一旦開始處理事件,如果它不消耗ACTION_DOWN事件胯府,那么同一事件序列中的其他事件都不會交給它處理介衔,事件將交給它的父元素處理。
3.ViewGroup默認不攔截任何事件骂因,ViewGroup的onInterceptTouchEvent方法默認返回false炎咖。
4.事件傳遞是由內(nèi)到外的,即事件總是先傳遞到父元素,然后再由父元素分發(fā)給子View乘盼,通過requestDisallowInterceptTouchEvent方法可以在子元素中干預父元素的分發(fā)過程升熊,但是ACTION_DOWN事件除外。

通過以上總結绸栅,Android中的事件攔截機制级野,其實跟我們生活中的上下級委托任務很像,領導可以處理掉粹胯,也可以下發(fā)給下屬員工處理蓖柔,如果員工處理的好,領導才敢給你下發(fā)任務风纠,如果你處理不好况鸣,則領導也不敢把任務交給你,這就像在中途把下發(fā)的任務的中途攔截掉了竹观。在弄清楚順序機制之后镐捧,再配合源碼看,會更加深入的理解臭增,為什么流程會是這樣的懂酱,最先對流程有一個大致的認識之后,再去理解誊抛。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末列牺,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子芍锚,更是在濱河造成了極大的恐慌昔园,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,126評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件并炮,死亡現(xiàn)場離奇詭異默刚,居然都是意外死亡,警方通過查閱死者的電腦和手機逃魄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評論 2 382
  • 文/潘曉璐 我一進店門荤西,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人伍俘,你說我怎么就攤上這事邪锌。” “怎么了癌瘾?”我有些...
    開封第一講書人閱讀 152,445評論 0 341
  • 文/不壞的土叔 我叫張陵觅丰,是天一觀的道長。 經(jīng)常有香客問我妨退,道長妇萄,這世上最難降的妖魔是什么蜕企? 我笑而不...
    開封第一講書人閱讀 55,185評論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮冠句,結果婚禮上轻掩,老公的妹妹穿的比我還像新娘。我一直安慰自己懦底,他們只是感情好唇牧,可當我...
    茶點故事閱讀 64,178評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著聚唐,像睡著了一般丐重。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上拱层,一...
    開封第一講書人閱讀 48,970評論 1 284
  • 那天弥臼,我揣著相機與錄音,去河邊找鬼根灯。 笑死,一個胖子當著我的面吹牛掺栅,可吹牛的內(nèi)容都是我干的烙肺。 我是一名探鬼主播,決...
    沈念sama閱讀 38,276評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼氧卧,長吁一口氣:“原來是場噩夢啊……” “哼桃笙!你這毒婦竟也來了?” 一聲冷哼從身側響起沙绝,我...
    開封第一講書人閱讀 36,927評論 0 259
  • 序言:老撾萬榮一對情侶失蹤搏明,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后闪檬,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體星著,經(jīng)...
    沈念sama閱讀 43,400評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,883評論 2 323
  • 正文 我和宋清朗相戀三年粗悯,在試婚紗的時候發(fā)現(xiàn)自己被綠了虚循。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 37,997評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡样傍,死狀恐怖横缔,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情衫哥,我是刑警寧澤茎刚,帶...
    沈念sama閱讀 33,646評論 4 322
  • 正文 年R本政府宣布,位于F島的核電站撤逢,受9級特大地震影響膛锭,放射性物質(zhì)發(fā)生泄漏捌斧。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,213評論 3 307
  • 文/蒙蒙 一泉沾、第九天 我趴在偏房一處隱蔽的房頂上張望捞蚂。 院中可真熱鬧,春花似錦跷究、人聲如沸姓迅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽丁存。三九已至,卻和暖如春柴我,著一層夾襖步出監(jiān)牢的瞬間解寝,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評論 1 260
  • 我被黑心中介騙來泰國打工艘儒, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留聋伦,地道東北人。 一個月前我還...
    沈念sama閱讀 45,423評論 2 352
  • 正文 我出身青樓界睁,卻偏偏與公主長得像觉增,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子翻斟,可洞房花燭夜當晚...
    茶點故事閱讀 42,722評論 2 345

推薦閱讀更多精彩內(nèi)容