Android的三种图片加载（ImageView，SufaceView，自定义View）

最近看了音视频的入门，所以对着三种加载图片的方式自己动手实现了一下，下面就是自己实现的过程还有我在实现种所处理的问题：

MainActivity种的代码：

public class MainActivity extends AppCompatActivity {

    private static final String TAG = "MainActivity";
    private ImageView iv;
    private SurfaceView sfView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        iv = (ImageView) findViewById(R.id.iv);

        sfView = (SurfaceView) findViewById(R.id.sf_view);
        /**
         * 三种加载图片的方式
         */
        initSetImageView();

        initSetSufaceView();

        initSetMyView();
    }

    /**
     * 使用自定义View的形式设置图片
     */
    private void initSetMyView() {

    }

    /**
     * 使用SufaceView设置图片
     */
    private void initSetSufaceView() {
        sfView.getHolder().addCallback(new SurfaceHolder.Callback() {
            @Override
            public void surfaceCreated(SurfaceHolder holder) {
                if (holder == null) {
                    return;
                }

                Paint paint = new Paint();
                //设置抗锯齿
                paint.setAntiAlias(true);
                //设置填充样式
                paint.setStyle(Paint.Style.STROKE);

                //获取Bitmap
                Bitmap bitmap = BitmapFactory.decodeFile(Environment.getExternalStorageDirectory()
                        .getPath() + File.separator + "test.jpg");


                int width = bitmap.getWidth();
                int height = bitmap.getHeight();

                holder.setFixedSize(width, height);

                //锁定画布
                Canvas canvas = holder.lockCanvas();

                //设置画布背景，他主要是绘制了两次，盖在上面而已，并不是设置背景，
                // 所以要将它提到绘制操作的前面
                canvas.drawRGB(0, 0, 0);

                //执行绘制操作
                canvas.drawBitmap(bitmap, 0, 0, paint);

                //解除画布
                holder.unlockCanvasAndPost(canvas);

            }

            @Override
            public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {

            }

            @Override
            public void surfaceDestroyed(SurfaceHolder holder) {

            }
        });
    }

    /**
     * 使用ImageView设置图片（加读文件夹的权限）<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
     */
    private void initSetImageView() {
        //Environment.getExternalStorageDirectory()获取SD卡的绝对路径
        //    /storage/emulated/0这个就是手机里面的文件管理，不必再找文件夹里面的这个地址。
        //File.separator代表地址后面的单斜线或者双斜线，用作兼容功能，因为
        // windows和linux的格式不一样。
        //为什么要用这种模式拼接地址呢，因为可变性较高，可以随意配置
        Bitmap bitmap = BitmapFactory.decodeFile(Environment.getExternalStorageDirectory()
                .getPath() + File.separator + "test.jpg");
        //设置Bitmap地址
        iv.setImageBitmap(bitmap);
    }
}

我首先先把代码粘出来，然后我来拆分一些我遇到的问题，在使用ImageView设置图片的时候，因为我的本地文件夹外层没有图片，所以在我使用这个方法的时候：

Environment.getExternalStorageDirectory().getPath()

却把图片保存进了双层相同地址中，导致一时没有获取图片的实例，bitmap一直为空（解决）

在用SufaceView设置图片的时候，发现他和自定义View一样，也是通过绘制进行图片显示的，而且他的显示方式是通过锁定画布和解锁画布来进行显示，这个时候，我并没有发现什么问题，但是，我的布局，这时候出现了一点点的毛病，请看我的主布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <SurfaceView
        android:id="@+id/sf_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <com.zhongjiao.com.drawpictures.CustomView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

按道理来说应该是三张图片排下来对叭，我也认为这样，但是呢，在我实现第三种情况，自定义View显示图片的时候，问题出现了···我们先看下自定义View里面的代码块：

public class CustomView extends View {
    Bitmap bitmap;
    //初始化画笔
    Paint paint = new Paint();

    public CustomView(Context context) {
        super(context);
        init(context, null);

    }

    public CustomView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    private void init(Context context, AttributeSet attrs) {
        //设置抗锯齿
        paint.setAntiAlias(true);
        //设置样式
        paint.setStyle(Paint.Style.FILL_AND_STROKE);

        //获取Bitmap
        bitmap = BitmapFactory.decodeFile(Environment.getExternalStorageDirectory()
                .getPath() + File.separator + "test.jpg");
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //获取控件的宽高样式
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);

        int width;
        int height;

        // 判断是否是wrap_content
        if (widthMode == MeasureSpec.EXACTLY) {
            width = widthSize;
        } else if (widthMode == MeasureSpec.AT_MOST) {
            width = Math.min(bitmap.getWidth(), widthSize);
        } else {
            width = bitmap.getWidth();
        }

        if (heightMode == MeasureSpec.EXACTLY) {
            height = heightSize;
        } else if (heightMode == MeasureSpec.AT_MOST) {
            height = Math.min(bitmap.getHeight(), heightSize);
        } else {
            height = bitmap.getHeight();
        }
        //设置控件大小
        setMeasuredDimension(width, height);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (bitmap != null) {
            //设置绘制图片的位置和参数
            canvas.drawBitmap(bitmap, 0, 0, paint);
        }
    }
}

这个里面是没有问题的，但是呢，，，，我的App运行起来却一直不显示自定义View的图片，这就让我很纳闷，，不应该啊，我这代码没毛病啊···然后我就各种排查我自定义View的问题，，直到，，我突然想起来，，会不会是SurfaceView把他盖住了？？然后我就去xml里面吧他俩掉个位置，发现出现了三张图片···我特么，，虽然结果出来了，但是应该要去处理这个问题呀，然后我就看这个SurfaceView在布局里面设置大小都不好使，那只能在代码里面设置了，因为自定义View能动态控制控件大小，那么他肯定也可以，于是：

                int width = bitmap.getWidth();
                int height = bitmap.getHeight();

                holder.setFixedSize(width, height);

就在里面设置了这个，，这样问题就完美解决啦，三种加载方式无论怎么掉位置，都不会去影响图片的显示啦！