源码分析Android 中ImageView的设置src与background绘制流程
来源:互联网 发布:淘宝的瑞士军刀威戈 编辑:程序博客网 时间:2024/06/06 08:38
众所周知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"/>

android:background="@mipmap/ic_launcher"

android:src="@mipmap/ic_launcher"
例子中,可以看到ImageView通过设置Background会将图片资源拉伸至控件的宽高。通过src设置并不会有这样的现象。这是为什么呢?下面就同大家一同在源码中找到答案。
ImageView 是View的直接子类,我们先从ImageView的源码入手。
src与background两种属性设置的方法入手
setImageResource()方法入手src属性
在ImageView的源码中我们很容易能找到设置ImageResource的方法:

方法很短
- 首先将两个全局变量的值赋给了局部变量。
- 调用了updateDrawable(null),更新Drawable,并将null作为参数。对,是用来初始化的。
- 将我们传入的resId赋值给全局变量mResource。
- 调用resolveUri();名称的意思是解析资源。
- 根据新的宽高是否等于旧的值,判断是否请求重新计算布局。
- 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(); }}
同样我们看重点:
- 将d赋值全局变量mDrawable.
- 通过d.getIntrinsicWidth()拿到drawable的width赋值全局变量mDrawableWidth
- 通过d.getIntrinsicHeight()拿到drawable的height赋值全局变来那个mDrawableHeight
- 调用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属相相关的代码,下次单独拿出来分析)
- 计算出view的内部宽高并赋值局部变量。
- 判断drawable的宽高是否没有意义,或者是设置ScaleType为FIX_XY,就通过mDrawable.setBounds()方法将mDrawable的边界范围设置为View的内部大小。
- 否则,将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()方法

很开心,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是起作用的。通过两个简单的例子看看效果。

总结
通过源码的阅读,清楚了ImageView 与 Background的区别与联系以及绘制的流程:
- 都是Drawable资源的绘制,所以他们内容是可以互通的。
- background是View的属性,在View层绘制(所以Background称为背景,因为它在自定义View的onDraw()方法被调用前就已经被调用绘制了),所有的控件都具有该属性,src是ImageView中定义的属性,在ImageView的onDraw方法中才被绘制。只有ImageView即其子类才有此属性。
- background是缩放填充式的绘制,src可以通过ScaleType设置不同的缩放效果。
- padding属性对background无效,但对ImageView的src是有效的。
原文链接:http://www.jianshu.com/p/ed5d7f8e63e1
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
- 源码分析Android 中ImageView的设置src与background绘制流程
- Android ImageView src 与 background 的差别
- ImageView中src与background的区别
- ImageView的src与background的区别分析
- ImageView的src与background的区别分析
- Android中用代码设置ImageView的src和background
- Android中用代码设置ImageView的src和background
- Android 代码里设置ImageView的src和background
- Android:ImageView代码设置background和src
- Android小技巧/ImageView src与background的不同处
- android:ImageView中XML属性src和background的区别
- android中ImageView的属性使用之src和background
- Android中给ImageView添加background和src的区别
- ImageView设置background和src的区别
- android ImageView src background
- android ImageView src background
- 【ImageView】android中src和background区别
- ImageView src与background的区别
- ajax中XMLHttpRequest对象详解
- NOIP 2015 提高组 跳石头
- OBS源码阅读笔记--如何去掉工作模式下中间的多余按钮
- 如何使用Android Studio开发Gradle插件系列教程(一)
- GridView Adapter里的getView多次调用position 0 解决方案
- 源码分析Android 中ImageView的设置src与background绘制流程
- PHP中的$_POST,$_GET,$_REQUEST的区别
- Android内存泄漏分析及实践(一)
- 为什么在powerdesigner成功将表生成到oracle,用sql操作提示表或视图不存在
- Android 6.0 PackageManagerService
- Eclipse如何连接源代码
- 完美解决DiscuzX3.2版本的QQ登录跳转到完善信息页面完成注册流程
- eclipse找不到server选项
- 部分功能迁移到新服务器----如何在新服务器上建表和复制数据