源码分析Android 中ImageView的设置src与background绘制流程

众所周知ImageView可以通过src和Background两种方式设置显示资源。和大家一起通过源码来了解两种属性的绘制流程有何不同。

热身案例

先上两段小代码：

    <ImageView
        android:layout_width="200dp"
        android:layout_height="300dp"
        android:background="@mipmap/ic_launcher"/>

    <ImageView
        android:layout_width="200dp"
        android:layout_height="300dp"
        android:src="@mipmap/ic_launcher"/>



21-49-56_363701.jpg

android:background="@mipmap/ic_launcher"

---



21-33-45.jpg

android:src="@mipmap/ic_launcher"

---

例子中，可以看到ImageView通过设置Background会将图片资源拉伸至控件的宽高。通过src设置并不会有这样的现象。这是为什么呢？下面就同大家一同在源码中找到答案。
ImageView 是View的直接子类，我们先从ImageView的源码入手。

src与background两种属性设置的方法入手

setImageResource()方法入手src属性

在ImageView的源码中我们很容易能找到设置ImageResource的方法：



21-49-56.jpg

方法很短

1. 首先将两个全局变量的值赋给了局部变量。
2. 调用了updateDrawable(null)，更新Drawable，并将null作为参数。对，是用来初始化的。
3. 将我们传入的resId赋值给全局变量mResource。
4. 调用resolveUri();名称的意思是解析资源。
5. 根据新的宽高是否等于旧的值，判断是否请求重新计算布局。
6. invalidate(),重绘

---

通过上面方法，找到了resolveUri()方法,看看里面做了什么。

    private void resolveUri() {

    ···

        Drawable d = null;

        if (mResource != 0) {
            try {
                d = mContext.getDrawable(mResource);
            } catch (Exception e) {
                Log.w("ImageView", "Unable to find resource: " + mResource, e);
                // Don't try again.
                mUri = null;
            }
        }
        ···
        updateDrawable(d);
}

代码不短，我们只关注相关的部分。可以看到在这个方法里面

• 通过mContext.getDrawable(mResource)获取到了mResource解析来的Drawable对象实例。
• mResource就是上面方法第三步赋值我们传入的resId来的。
• 拿到Drawable对象d，在方法最后通过updateDrawable(d)方法更新Drawable资源。（没错这个方法在上面也用到了，传入的参数是null初始化）。

---

接着查看updateDrawable()方法：

    private void updateDrawable(Drawable d) {
        ···
        mDrawable = d;

        if (d != null) {
            d.setCallback(this);
            d.setLayoutDirection(getLayoutDirection());
            if (d.isStateful()) {
                d.setState(getDrawableState());
            }
            d.setVisible(getVisibility() == VISIBLE, true);
            d.setLevel(mLevel);
            mDrawableWidth = d.getIntrinsicWidth();
            mDrawableHeight = d.getIntrinsicHeight();
            applyImageTint();
            applyColorMod();

            configureBounds();
        }
}

同样我们看重点：

1. 将d赋值全局变量mDrawable.
2. 通过d.getIntrinsicWidth()拿到drawable的width赋值全局变量mDrawableWidth
3. 通过d.getIntrinsicHeight()拿到drawable的height赋值全局变来那个mDrawableHeight
4. 调用configureBounds()方法配置边界。

---

OK，去看configureBounds()方法：

    private void configureBounds() {
        ···
        int dwidth = mDrawableWidth;
        int dheight = mDrawableHeight;

        int vwidth = getWidth() - mPaddingLeft - mPaddingRight;
        int vheight = getHeight() - mPaddingTop - mPaddingBottom;

        if (dwidth <= 0 || dheight <= 0 || ScaleType.FIT_XY == mScaleType) {
            mDrawable.setBounds(0, 0, vwidth, vheight);
            mDrawMatrix = null;
        } else {
            mDrawable.setBounds(0, 0, dwidth, dheight);
            ···
        }
    }

代码较多，但是并不复杂，我们只看与我们讨论相关的部分(中间面省略的部分是与ScaleType属相相关的代码,下次单独拿出来分析)

1. 计算出view的内部宽高并赋值局部变量。
2. 判断drawable的宽高是否没有意义，或者是设置ScaleType为FIX_XY，就通过mDrawable.setBounds()方法将mDrawable的边界范围设置为View的内部大小。
3. 否则，将mDrawable的边界范围设置为drawable资源的宽高。(所以src默认不会拉伸图片)

最后就是在ondraw()方法中将mDrawable绘制出来。到此整个的src属性的设置到绘制的流程已经清楚。

---

接着我们来看Background属性是如何作用于View的。

setBackgroundResource()方法入手Background属性

在ImageView的源码中我们通过搜索发现并没有Background相关的设置方法。在它的父类—View中，可以找到我们想要的代码。

    public void setBackgroundResource(@DrawableRes int resid) {
        if (resid != 0 && resid == mBackgroundResource) {
            return;
        }
        Drawable d = null;
        if (resid != 0) {
            d = mContext.getDrawable(resid);
        }
        setBackground(d);

        mBackgroundResource = resid;
    }

代码简短，同样先根据resid拿到drawable对象，然后调用了setBackground()方法。最终调用了setBackgroundDrawable()方法。在这个方法最终将drawable赋值给了一个全局变量mBackground，在这个方法中并没有发现设置drawable的bounds相关的方法，那么我们接着往后走，到绘制层。View的onDraw()方法是空的，我们知道onDraw()方法其实是由View的draw()方法调用的，在draw()方法中是进行View的基本绘制，onDraw()是扩展视图自己绘制的方法。

---

直奔draw()方法


00-53-01.jpg

很开心，google的工程师给我们写了很清晰的注释。第一步就是绘制background，只调用了一个方法drawBackground()。乘胜追击。

    private void drawBackground(Canvas canvas) {
        final Drawable background = mBackground;
        if (background == null) {
            return;
        }

        setBackgroundBounds();
        ···
}

看到了，调用了一个setBackGroundBounds()方法，追

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

简短精悍的代码，mBackground.setBounds(0, 0, mRight - mLeft, mBottom - mTop)，设置了mBackground这个drawable的边界。就是View的宽高。

• 此处是直接使用mRight - mleft 和 mBottom - mTop,也就是说忽略padding的存在。
• 在src属性中，使用到容器的宽高是这样获得的

        int vwidth = getWidth() - mPaddingLeft - mPaddingRight;
        int vheight = getHeight() - mPaddingTop - mPaddingBottom;

padding是起作用的。通过两个简单的例子看看效果。

01-09-06.jpg

01-08-32.jpg

---



01-10-21.jpg

01-07-19.jpg

总结

通过源码的阅读，清楚了ImageView 与 Background的区别与联系以及绘制的流程：

1. 都是Drawable资源的绘制，所以他们内容是可以互通的。
2. background是View的属性，在View层绘制(所以Background称为背景，因为它在自定义View的onDraw()方法被调用前就已经被调用绘制了)，所有的控件都具有该属性，src是ImageView中定义的属性，在ImageView的onDraw方法中才被绘制。只有ImageView即其子类才有此属性。
3. background是缩放填充式的绘制，src可以通过ScaleType设置不同的缩放效果。
4. padding属性对background无效，但对ImageView的src是有效的。

文／Eirture（简书作者）
原文链接：http://www.jianshu.com/p/ed5d7f8e63e1
著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。