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设置图片(加读文件夹的权限)
     */
    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一样,也是通过绘制进行图片显示的,而且他的显示方式是通过锁定画布和解锁画布来进行显示,这个时候,我并没有发现什么问题,但是,我的布局,这时候出现了一点点的毛病,请看我的主布局:




    

    

    

按道理来说应该是三张图片排下来对叭,我也认为这样,但是呢,在我实现第三种情况,自定义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);

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

Android的三种图片加载(ImageView,SufaceView,自定义View)_第1张图片

你可能感兴趣的:(Android的三种图片加载(ImageView,SufaceView,自定义View))