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完全解析' 系列未完待续...
