Android 使用 ImageView、SurfaceView、自定义 View 绘制图片（附源码简析）_android appcompatimageview绘制资源照片

打算根据 @卢俊 写的 音视频开发入门指南 写一个系列博客，这是第一篇，也是文章 音视频开发入门指南 任务列表中的第一个。

ImageView

ImageView 绘制图片就很简单了，无论是 xml 还是 Java 代码，都只需要设置一个属性即可。但我们可以看看 ImageView 的源码实现，来学习一下 ImageView 绘制图片的流程。

直接看 onDraw() 即可：

	@Override
    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 {
            final int saveCount = canvas.getSaveCount();
            canvas.save(); // 保存 canvas

			// 坐标变换
            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
            canvas.restoreToCount(saveCount);
        }
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

ImageView 是绘制图片用的，因此 mDrawable 应该为 BitmapDrawable 类型：

// BitmapDrawable.java
	@Override
    public void draw(Canvas canvas) {
        final Bitmap bitmap = mBitmapState.mBitmap;
        if (bitmap == null) {
            return;
        }

        ... 
        
        if (shader == null) {
            if (needMirroring) {
                canvas.save();
                // Mirror the bitmap
                canvas.translate(mDstRect.right - mDstRect.left, 0);
                canvas.scale(-1.0f, 1.0f);
            }

            canvas.drawBitmap(bitmap, null, mDstRect, paint);

            if (needMirroring) {
      
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21