Android Drawable完全解析（一）：Drawable

Android Drawable完全解析（一）：Drawable源码分析（上）
Android Drawable完全解析（一）：Drawable源码分析（中）
Android Drawable完全解析（一）：Drawable源码分析（下）

昨天下班前，分析了View实例将Drawable作为背景绘制到屏幕上面的流程，今天继续分析Drawable在ImageView中的绘制流程！

3:Drawable绘制流程

3.3:Drawable在ImageView中的绘制流程

ImageView使用Drawable的方式大体以下几种：

• 在xml中直接设置android:background="@mipmap/voice"
  <ImageView
  android:layout_width="200dp"
  android:layout_height="100dp"
  android:background="@mipmap/voice"
  />
• 在xml中直接设置android:src="@mipmap/voice"
  <ImageView
  android:layout_width="200dp"
  android:layout_height="100dp"
  android:src="@mipmap/voice"
  />
• Java代码中调用 setImageResource(@DrawableRes int resId)
• Java代码中调用 setImageDrawable(@Nullable Drawable drawable)
• Java代码中调用 setBackgroundDrawable，实质是调用View.setBackgroundDrawable，上篇文章已分析。

下面就这几种方式逐一分析：
首先上原图：

voice.png

3.3.1：android:background="@mipmap/voice"

        <ImageView
            android:layout_width="200dp"
            android:layout_height="100dp"
            android:background="@mipmap/voice"
            />

实际效果：

background.png

可见直接使用android:background，图片作为背景完全铺满ImageView尺寸，会根据ImageView的范围缩放。
既然在xml中布局ImageView，那么肯定是调用ImageView(Context context, @Nullable AttributeSet attrs)，看一下关键代码：

public class ImageView extends View {
    public ImageView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }
****
    public ImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr,
            int defStyleRes) {
        //调用View的构造函数
        super(context, attrs, defStyleAttr, defStyleRes);
        ****
    }
}
一路追踪下去：
public class View implements Drawable.Callback, KeyEvent.Callback,AccessibilityEventSource {
    public View(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        this(context);
        final TypedArray a = context.obtainStyledAttributes(
                attrs, com.android.internal.R.styleable.View, defStyleAttr, defStyleRes);
        ****
        Drawable background = null;
        ****
        final int N = a.getIndexCount();
        for (int i = 0; i < N; i++) {
            int attr = a.getIndex(i);
            switch (attr) {
                //获取在xml中设置的android:background="@mipmap/voice"
                case com.android.internal.R.styleable.View_background:
                    background = a.getDrawable(attr);
                    break; 
                *****
            }
        }
        ****
        if (background != null) {
            setBackground(background);
        }
        ****
    }
    public void setBackground(Drawable background) {
        //[Android Drawable完全解析（一）：Drawable源码分析（中）](http://www.jianshu.com/p/2213c62e4738)
        setBackgroundDrawable(background);
    }
}

可见：
在xml中直接设置android:background="@mipmap/voice"实质是通过调用View.setBackgroundDrawable(Drawable background)将图片绘制到屏幕上！

View.setBackgroundDrawable(Drawable background)在上一篇文章：Android Drawable完全解析（一）：Drawable源码分析（中）有过分析！
为什么背景图会铺满整个ImageView，是因为在View绘制过程中，将背景Drawable的绘制范围设置为和View的尺寸一致：

    void setBackgroundBounds() {
        if (mBackgroundSizeChanged && mBackground != null) {
            mBackground.setBounds(0, 0, mRight - mLeft, mBottom - mTop);
            mBackgroundSizeChanged = false;
            rebuildOutline();
        }
    }

3.3.2：android:src="@mipmap/voice"

        <ImageView
            android:layout_width="200dp"
            android:layout_height="100dp"
            android:src="@mipmap/voice"
            />

实际效果：

src.png

可见直接使用android:src，默认情况下图片会根据ImageView的尺寸在保留自身宽高比例下进行缩放，最后在ImageView的中心显示。
既然在xml中布局ImageView，那么肯定是调用ImageView(Context context, @Nullable AttributeSet attrs)，同样看一下关键代码：

public class ImageView extends View {
    public ImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr,
            int defStyleRes) {
        //super上面分析过了，绘制的是android:background="@mipmap/voice"
        super(context, attrs, defStyleAttr, defStyleRes);
        //主要设置了 ImageView实例中图像边界 与 ImageView边界间的缩放关系
        initImageView();
        final TypedArray a = context.obtainStyledAttributes(
                attrs, R.styleable.ImageView, defStyleAttr, defStyleRes);
        //将xml中使用android:src="@mipmap/voice"设置的图片生成Drawable实例
        final Drawable d = a.getDrawable(R.styleable.ImageView_src);
        if (d != null) {
            //将src生成的Drawable实例设置为ImageView的内容
            setImageDrawable(d);
        }
        ****
        //在我们的例子中，没有设置scaleType属性，则index = -1；
        final int index = a.getInt(R.styleable.ImageView_scaleType, -1);
        if (index >= 0) {
            //在我们例子中，index = -1，下面代码不执行
            setScaleType(sScaleTypeArray[index]);
        }
        //解析在xml中设置的tint和tintMode属性值
        if (a.hasValue(R.styleable.ImageView_tint)) {
            mDrawableTintList = a.getColorStateList(R.styleable.ImageView_tint);
            mHasDrawableTint = true;
            // Prior to L, this attribute would always set a color filter with
            // blending mode SRC_ATOP. Preserve that default behavior.
            mDrawableTintMode = PorterDuff.Mode.SRC_ATOP;
            mHasDrawableTintMode = true;
        }
        if (a.hasValue(R.styleable.ImageView_tintMode)) {
            mDrawableTintMode = Drawable.parseTintMode(a.getInt(
                    R.styleable.ImageView_tintMode, -1), mDrawableTintMode);
            mHasDrawableTintMode = true;
        }
        //根据当前ImageView的ColorStateList对 通过src生成的Drawable实例进行着色
        applyImageTint();
        final int alpha = a.getInt(R.styleable.ImageView_drawableAlpha, 255);
        //设置透明度
        if (alpha != 255) {
            setImageAlpha(alpha);
        }
        mCropToPadding = a.getBoolean(
                R.styleable.ImageView_cropToPadding, false);
        a.recycle();
        //need inflate syntax/reader for matrix
    }
    private void initImageView() {
        ****
        //设置mScaleType = ScaleType.FIT_CENTER;可见ImageView中
        //mScaleType默认就是ScaleType.FIT_CENTER
        mScaleType = ScaleType.FIT_CENTER;
        ****
    }
    public void setImageDrawable(@Nullable Drawable drawable) {
        if (mDrawable != drawable) {
            ****
            //对src生成的Drawable实例设置一系列属性
            updateDrawable(drawable);
            ****
            //最后调用invalidate()触发draw
            invalidate();
        }
    }
    private void updateDrawable(Drawable d) {
        ****
        //将ImageView实例之前关联的Drawable实例的动画监听移除，
        //并停止其已经在执行的动画，解除其所有事件
        if (mDrawable != null) {
            mDrawable.setCallback(null);
            unscheduleDrawable(mDrawable);
            if (isAttachedToWindow()) {
                mDrawable.setVisible(false, false);
            }
        }
        //将mDrawable赋值为通过src属性生成的Drawable实例
        mDrawable = d;
        if (d != null) {
            //为通过src生成的Drawable实例设置动画监听为ImageView实例自身；
            //并设置其布局方向，状态数组，Drawable动画是否开启，Drawable的level值。
            d.setCallback(this);
            d.setLayoutDirection(getLayoutDirection());
            if (d.isStateful()) {
                d.setState(getDrawableState());
            }
            if (isAttachedToWindow()) {
                d.setVisible(getWindowVisibility() == VISIBLE && isShown(), true);
            }
            d.setLevel(mLevel);
            mDrawableWidth = d.getIntrinsicWidth();
            mDrawableHeight = d.getIntrinsicHeight();
            //根据当前ImageView实例的ColorStateList对其进行着色
            applyImageTint();
            //未执行实质代码
            applyColorMod();
            //设置Drawable实例的绘制范围不变，并根据ImageView实例内容区域和
            //Drawable实例原始绘制范围，确定Drawable实例在实际绘制时候的缩放。
            configureBounds();
        } else {
            mDrawableWidth = mDrawableHeight = -1;
        }
    }
    private void applyImageTint() {
        ****
                //根据当前ImageView的ColorStateList对 通过src生成的Drawable实例进行着色
                mDrawable.setTintList(mDrawableTintList);
        ****
    }
    private void applyColorMod() {
        //对应通过 src生成的Drawble实例来说，ImageView并未调用setColorFilter
        //mColorMod也为默认的false值，所以下面代码实质未执行
        if (mDrawable != null && mColorMod) {
            mDrawable = mDrawable.mutate();
            //如果当前ImageView实例调用过setColorFilter，
            //则对 通过src生成的Drawable实例设置相同的ColorFilter
            if (mHasColorFilter) {
                mDrawable.setColorFilter(mColorFilter);
            }
            mDrawable.setXfermode(mXfermode);
            mDrawable.setAlpha(mAlpha * mViewAlphaScale >> 8);
        }
    }
    private void configureBounds() {
        //通过src生成的Drawable实例 原始宽高
        final int dwidth = mDrawableWidth;
        final int dheight = mDrawableHeight;
        //ImageView实例的内容区域宽高(去除了padding值)
        final int vwidth = getWidth() - mPaddingLeft - mPaddingRight;
        final int vheight = getHeight() - mPaddingTop - mPaddingBottom;
        ****
        if (dwidth <= 0 || dheight <= 0 || ScaleType.FIT_XY == mScaleType) {
            //当ImageView设置过android:scaleType="fitXY" 或setScaleType(ScaleType.FIT_XY)，
            //则将此Drawable实例的绘制范围设定为ImageView实例的内容区域
            mDrawable.setBounds(0, 0, vwidth, vheight);
            mDrawMatrix = null;
        } else {
            //对应我们例子中，未设置android:scaleType情况下，
            //通过src生成的Drawable实例的绘制范围就是其原始范围
            mDrawable.setBounds(0, 0, dwidth, dheight);
            //下面代码设置了mDrawMatrix的属性
            //在initImageView()方法中已知：
            //ImageView中mScaleType默认就是ScaleType.FIT_CENTER
            if (ScaleType.MATRIX == mScaleType) {
                ****
            } else if (fits) {
                ****
            } else if (ScaleType.CENTER == mScaleType) {
                ****
            } else if (ScaleType.CENTER_CROP == mScaleType) {
                ****
            } else if (ScaleType.CENTER_INSIDE == mScaleType) {
                ****
            } else {
                //ImageView中mScaleType默认就是ScaleType.FIT_CENTER
                //则根据ImageView实例内容区域的范围和Drawable实例实际宽高来设置mDrawMatrix
                mTempSrc.set(0, 0, dwidth, dheight);
                mTempDst.set(0, 0, vwidth, vheight);
                mDrawMatrix = mMatrix;
                mDrawMatrix.setRectToRect(mTempSrc, mTempDst, scaleTypeToScaleToFit(mScaleType));
            }
        }
    }
}

ImageView实例生成后，肯定还是执行onDraw方法将自身绘制到屏幕上，继续追踪代码：

public class ImageView extends View {
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        ****
        //在上面分析过 mDrawMatrix不为null
        //mDrawMatrix的属性根据ImageView实例内容区域的范围和Drawable实例实际宽高来配置
        if (mDrawMatrix == null && mPaddingTop == 0 && mPaddingLeft == 0) {
            //如果矩阵mDrawMatrix为空，且ImageView的上下padding值都为0
            //则直接将Drawable实例绘制到画布上
            mDrawable.draw(canvas);
        } else {
            ****
            //我们例子中，矩阵mDrawMatrix不为空，则将其设置到ImageView的画布上
            if (mDrawMatrix != null) {
                canvas.concat(mDrawMatrix);
            }
            //然后在画布上面绘制Drawable实例
            mDrawable.draw(canvas);
            canvas.restoreToCount(saveCount);
        }
    }
}

至此，
android:src="@mipmap/voice"整个流程就分析完了，流程总结如下：

在ImageView构造函数中：

1：设置缩放类型默认为 ScaleType.FIT_CENTER（图像居中等比例缩放）
2：在ImageView构造函数中，解析xml中android:src属性获取Drawable实例；
3：为生成的Drawable实例设置一系列属性：

• 设置动画监听为ImageView实例自身：d.setCallback(this);
• 设置布局方向和ImageView实例一致：d.setLayoutDirection(getLayoutDirection())；
• 设置状态数组和ImageView实例一致：d.setState(getDrawableState())；
• 设置动画是否可见和 ImageView可见性一致：d.setVisible(getWindowVisibility() == VISIBLE && isShown(), true);
• 设置动画当前Level值和ImageView的mLevel值一致：d.setLevel(mLevel);
• 根据当前ImageView实例的ColorStateList对其进行着色：applyImageTint();
• 设置绘制范围为原始绘制范围setBounds 且 根据ImageView、Drawable实例的范围 和 缩放类型 来设置Matrix mDrawMatrix（用于onDraw）：configureBounds();

4：如果我们在xml中还设置了缩放类型，着色，着色模式，透明度，
则为mScaleType重新赋值，并为生成的Drawable实例逐一设置着色，着色模式，透明度

在ImageView的onDraw方法中：

1：如果矩阵mDrawMatrix为空，且ImageView的上下padding值都为0，则直接将Drawable实例绘制到画布上
2：其余情况下：

• 如果矩阵mDrawMatrix不为空，则将其设置到ImageView的画布上；
• 然后在画布上面绘制Drawable实例

本质上还是执行了Drawable.draw(@NonNull Canvas canvas)将src生成的Drawable实例绘制到ImageView实例所在的画布

3.3.3：setImageDrawable(@Nullable Drawable drawable)

setImageDrawable在上面分析过程中出现过

    public void setImageDrawable(@Nullable Drawable drawable) {
        if (mDrawable != drawable) {
            mResource = 0;
            mUri = null;
            final int oldWidth = mDrawableWidth;
            final int oldHeight = mDrawableHeight;
            updateDrawable(drawable);
            if (oldWidth != mDrawableWidth || oldHeight != mDrawableHeight) {
                requestLayout();
            }
            //invalidate会引发重绘，调用onDraw方法，直接看上面onDraw的流程分析即可
            invalidate();
        }
    }

3.3.4：setImageResource(@DrawableRes int resId)

    public void setImageResource(@DrawableRes int resId) {
        ****
        //在updateDrawable(Drawable d)中：mDrawable = d;
        //此处将mDrawable重置为null
        updateDrawable(null);
        //为mResource赋值为传入的资源ID，mUri重置为null
        mResource = resId;
        mUri = null;
        resolveUri();
        ****
        //引发重绘
        invalidate();
    }
    private void resolveUri() {
        //updateDrawable(null)已经将mDrawable重置为null
        if (mDrawable != null) {
            return;
        }
        if (getResources() == null) {
            return;
        }
        Drawable d = null;
        //在中setImageResource(@DrawableRes int resId)已知：mResource = resId;
        if (mResource != 0) {
            //通过setImageResource传入的resId通常不为0，执行如下：
            try {
                //通过传入的图片资源ID获取Drawable实例
                d = mContext.getDrawable(mResource);
            } catch (Exception e) {
                Log.w(LOG_TAG, "Unable to find resource: " + mResource, e);
                // Don't try again.
                mUri = null;
            }
        } else if (mUri != null) {
            d = getDrawableFromUri(mUri);
            if (d == null) {
                Log.w(LOG_TAG, "resolveUri failed on bad bitmap uri: " + mUri);
                // Don't try again.
                mUri = null;
            }
        } else {
            return;
        }
        //将通过传入的图片资源ID生成的Drawable实例作为参数，
        //调用updateDrawable，上面已经分析过此方法
        updateDrawable(d);
    }

setImageResource(@DrawableRes int resId)整个流程就分析完了，流程总结如下：

• 1：首先执行updateDrawable(null)，将已经绘制完毕的mDrawable动画停止，移除所有事件及动画监听，并重置为null
• 2：用Resource实例通过resId获取Drawable实例，作为参数执行updateDrawable
• 3：ImageView实例执行重绘，详见之前onDraw的分析

---

至此，Drawable在ImageView中的绘制流程就分析完毕了！Drawable源码分析也告一段落，如有错误或者翻译问题请各位大神留言！

'Android Drawable完全解析' 系列未完待续...