Android Bitmap

一 图片表示原理

图片是由每个像素点来组成 像素点就是小方块

图片的大小等于 宽*高*每个像素点的大小

二 加载图片OOM异常

解决办法

其中big.jpg是一张21.2MB的高清图

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    ImageView mImageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        findViewById(R.id.load).setOnClickListener(this);
        mImageView = findViewById(R.id.image);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.load:
                load();
                break;
        }
    }

    private void load() {
        try {
            BitmapFactory.Options option = new BitmapFactory.Options();
            option.inJustDecodeBounds = true; //只会解析图片的大小 不会加载图片的内容
            BitmapFactory.decodeStream(getAssets().open("big.jpg"), null, option);
            // 获取图片的宽高
            int width = option.outWidth;
            int height = option.outHeight;
            // 获取屏幕的宽高
            int screenWidth = getScreenWidth();
            int screenHeight = getScreenHeight();
            // 把图片的宽高和屏幕的宽高进行对比
            int scaleX = width / screenWidth;
            int scaleY = height / screenHeight;
            int scale = scaleX > scaleY ? scaleX : scaleY;
            option.inJustDecodeBounds = false; //加载图片的内容
            // 如果设置为>1 请求解码器对原始数据进行子采样 例如inSampleSize==4返回图像的宽度/高度是原始图像的1/4
            // 任何值<=1都与1相同
            option.inSampleSize = scale;
            Bitmap bitmap = BitmapFactory.decodeStream(getAssets().open("big.jpg"), null, option);
            int byteCount = bitmap.getByteCount();
            Log.i("HUANG", "byteCount=" + byteCount);
            mImageView.setImageBitmap(bitmap);

        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    /** 得到设备屏幕的宽度 (像素) **/
    private int getScreenWidth() {
        return getResources().getDisplayMetrics().widthPixels;
    }

    /** 得到设备屏幕的高度 (像素) **/
    private int getScreenHeight() {
        return getResources().getDisplayMetrics().heightPixels;
    }

}

三 图片处理原理

Android里面所有的显示效果都是绘制出来的

用Android封装好的绘图类去绘制图片

Canvas: 画布

Paint: 画笔

Matrix: 图形矩阵 3*3

Bitmap: 要绘制的图片

四 图片的旋转 平移 缩放

其中mm.jpg是一张57KB的图 属于正常范围 不需要额外处理

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    ImageView mImageView, mCopyView;
    Bitmap mBitmap;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        findViewById(R.id.change).setOnClickListener(this);
        mImageView = findViewById(R.id.image);
        mCopyView = findViewById(R.id.copy);
        try {
            mBitmap = BitmapFactory.decodeStream(getAssets().open("mm.jpg"));
            mImageView.setImageBitmap(mBitmap);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.change:
                change();
                break;
        }
    }

    // 图片的旋转 平移 缩放
    // 注意: 旋转 平移 缩放 这三种效果在本案例中只能同时存在一种 分别打开注释看效果
    private void change() {
        if (null == mBitmap) return;
        // 新建空白的图片 要和原图的大小一样
        Bitmap bitmap = Bitmap.createBitmap(mBitmap.getWidth(), mBitmap.getHeight(), mBitmap.getConfig());
        Canvas canvas = new Canvas(bitmap); //画布 传参必须是一个空白的图片 否则报错
        Paint paint = new Paint(); //画笔
        Matrix matrix = new Matrix(); //矩阵
        // 旋转30度 以图片的中心为圆心
        matrix.setRotate(30, mBitmap.getWidth() / 2, mBitmap.getHeight() / 2);
        // X轴平移80
        //matrix.setTranslate(80, 0);
        // Y轴缩为原来的0.5
        //matrix.setScale(1F, 0.5F, mBitmap.getWidth() / 2, mBitmap.getHeight() / 2);
        canvas.drawColor(Color.WHITE); //绘制背景为白色
        canvas.drawBitmap(mBitmap, matrix, paint); //绘制图片
        mCopyView.setImageBitmap(bitmap);
    }

}

五 图片的涂鸦操作

其中mm.jpg是一张57KB的图 属于正常范围 不需要额外处理

public class MainActivity extends AppCompatActivity implements View.OnTouchListener {

    ImageView mImageView;
    Bitmap mNewBitmap;
    Canvas mCanvas;
    Paint mPaint;
    Matrix mMatrix;
    int mStartX, mStartY; //按下点的坐标

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mImageView = findViewById(R.id.image);
        try {
            Bitmap bitmap = BitmapFactory.decodeStream(getAssets().open("mm.jpg"));
            // 不能直接在原图上进行绘制 必须新建空白的图片
            mNewBitmap = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), bitmap.getConfig());
            mCanvas = new Canvas(mNewBitmap);
            mPaint = new Paint();
            mPaint.setColor(Color.YELLOW);
            mMatrix = new Matrix();
            // 把原图绘制在空白的图片上
            mCanvas.drawBitmap(bitmap, mMatrix, mPaint);
            mImageView.setImageBitmap(mNewBitmap);
            mImageView.setOnTouchListener(this); //设置触摸监听

        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN: //按下
                mStartX = (int) event.getX();
                mStartY = (int) event.getY();
                break;

            case MotionEvent.ACTION_MOVE: //移动
                // 获取移动点的坐标
                int moveX = (int) event.getX();
                int moveY = (int) event.getY();
                // 画线
                mCanvas.drawLine(mStartX, mStartY, moveX, moveY, mPaint);
                // 把新图设置给ImageView
                mImageView.setImageBitmap(mNewBitmap);
                // 把移动点置为开始点
                mStartX = moveX;
                mStartY = moveY;
                break;

            case MotionEvent.ACTION_UP: //弹起
                break;
        }
        return true; //事件自己来处理
    }

}

六 图片的颜色处理

图片是有颜色

核心原理就是重绘图片

改变图片的颜色就是对画笔进行操

其中mm.jpg是一张57KB的图 属于正常范围 不需要额外处理

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    ImageView mImageView;
    Bitmap mBitmap, mNewBitmap;
    Canvas mCanvas;
    Paint mPaint;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mImageView = findViewById(R.id.image);
        try {
            mBitmap = BitmapFactory.decodeStream(getAssets().open("mm.jpg"));
            mImageView.setImageBitmap(mBitmap);
            mNewBitmap = Bitmap.createBitmap(mBitmap.getWidth(), mBitmap.getHeight(), mBitmap.getConfig());
            mCanvas = new Canvas(mNewBitmap);
            mPaint = new Paint();
            findViewById(R.id.change).setOnClickListener(this);

        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.change:
                int randomR = (int) (Math.random() * 256); //0-255 随机数
                int randomG = (int) (Math.random() * 256); //0-255 随机数
                int randomB = (int) (Math.random() * 256); //0-255 随机数
                int randomA = (int) (Math.random() * 256); //0-255 随机数
                float colorR = (255 - randomR) / (float) 255;
                float colorG = (255 - randomG) / (float) 255;
                float colorB = (255 - randomB) / (float) 255;
                float colorA = (255 - randomA) / (float) 255;
                Log.i("HUANG", "randomR=" + randomR);
                Log.i("HUANG", "randomG=" + randomG);
                Log.i("HUANG", "randomB=" + randomB);
                Log.i("HUANG", "randomA=" + randomA);
                Log.i("HUANG", "colorR=" + colorR);
                Log.i("HUANG", "colorG=" + colorG);
                Log.i("HUANG", "colorB=" + colorB);
                Log.i("HUANG", "colorA=" + colorA);

                ColorMatrix matrix = new ColorMatrix(); //颜色矩阵 5*4
                matrix.set(new float[]{
                        colorR, 0, 0, 0, 0, //red
                        0, colorG, 0, 0, 0, //green
                        0, 0, colorB, 0, 0, //blue
                        0, 0, 0, colorA, 0 //alpha
                });
                ColorMatrixColorFilter filter = new ColorMatrixColorFilter(matrix);
                mPaint.setColorFilter(filter);
                mCanvas.drawBitmap(mBitmap, new Matrix(), mPaint);
                mImageView.setImageBitmap(mNewBitmap);
                break;
        }
    }

}

七 内存泄漏和内存溢出

内存泄漏(MemoryLeak)

有些对象只有有限的生命周期 当它们的任务完成之后 它们将被回收 如果在对象的生命周期本该结束的时候 这个对象还被一系列的引用 这就会导致内存泄漏

随着泄漏的累积 App将消耗完内存 内存泄漏最终会导致内存溢出

内存泄漏的原因

1. 资源对象没关闭(Cursor File...)

2. 没有及时调用recycle()释放不再使用的Bitmap

3. 广播注册没取消

4. ...

神器: LeakCanary 内存泄露检测工具(https://github.com/square/leakcanary)

内存溢出(OutOfMemoryError OOM)

内存溢出是指当对象的内存占用已经超出分配内存的空间大小

内存溢出的原因

1. Bitmap过大

2. 内存泄露导致

3. ...

八 ImageView中scaleType属性值含义