【Android】View绘制过程分析之draw

续前文“【Android】View绘制过程分析之layout"，继续分析View的绘制过程。

本文分析第3阶段，分析过程的注释标记在以下代码中。

/**
 * 绘制过程
 */
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;

    /*
     * 绘制过程依次进行下面的6步处理：
     *      1. 绘制背景
     *      2. If necessary, save the canvas' layers to prepare for fading
     *      3. 绘制View的内容, 在onDraw(canvas)方法中完成
     *      4. 绘制子View的内容
     *      5. If necessary, draw the fading edges and restore layers
     *      6. 绘制装饰品（如滚动条）
     */

    // 第1步，绘制背景
    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);
            }
        }
    }

    // 一般情况下，会跳过第2步与第5步
    final int viewFlags = mViewFlags;
    boolean horizontalEdges = (viewFlags & FADING_EDGE_HORIZONTAL) != 0;
    boolean verticalEdges = (viewFlags & FADING_EDGE_VERTICAL) != 0;
    if (!verticalEdges && !horizontalEdges) {
        // 第3步，绘制View的内容，自定义View时，这个方法需要我们去实现。
        if (!dirtyOpaque) onDraw(canvas);

        // 第4步，绘制子View的内容，参考ViewGroup中dispatchDraw(canvas)方法的实现，
        //OK，你猜到了！又是一次遍历子View的过程，子View再调用draw(canvas)方法绘制自己及孙View。
        //父View与子View这样的遍历过程，是Android一贯的做法。
        dispatchDraw(canvas);

        // 第6步，绘制装饰品（如滚动条）
        onDrawScrollBars(canvas);

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

/**
 * 绘制View的内容，在View类此方法空实现。但在自定义View类时，要实现此方法。
 * 在这个方法中，可做的事情就多了，Canvas提供了丰富的绘图方法，关键是灵活运用！
 * 通常，你还可以通过调用以下方法或protected属性获取到一次绘制时需要用到的数值：
 * getMeasuredWidth()与getMeasuredHeight()  获取measure()中计算到的宽度与高度
 *  mPaddingLeft, mPaddingTop, mPaddingRight, mPaddingBottom， mScrollX, mScrollY等等，直接使用。
 */
protected void onDraw(Canvas canvas) {
}

/**
 * 下面看一下ImageView的绘制：
 */
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    if (mDrawable == null) {
        return; // couldn't resolve the URI
    }

    if (mDrawableWidth == 0 || mDrawableHeight == 0) {
        return;     // nothing to draw (empty bounds)
    }

    if (mDrawMatrix == null && mPaddingTop == 0 && mPaddingLeft == 0) {
        mDrawable.draw(canvas);
    } else {
        int saveCount = canvas.getSaveCount();
        canvas.save();
        
        if (mCropToPadding) {
            final int scrollX = mScrollX;
            final int scrollY = mScrollY;
            canvas.clipRect(scrollX + mPaddingLeft, scrollY + mPaddingTop,
                    scrollX + mRight - mLeft - mPaddingRight,
                    scrollY + mBottom - mTop - mPaddingBottom);
        }
        
        canvas.translate(mPaddingLeft, mPaddingTop);

        if (mDrawMatrix != null) {
            canvas.concat(mDrawMatrix);
        }
        mDrawable.draw(canvas);
        canvas.restoreToCount(saveCount);
    }
}        
    

@容新华技术博客 - http://blog.csdn.net/rongxinhua - 原创文章，转载请注明出处