Android App开发之位图加工Bitmap中转换位图的像素色彩、裁剪内部区域、利用矩阵变换位图的讲解及实战（附源码和演示）

矫情吗；* 2023-09-30 16:47 1阅读 0赞

> **需要图片集和源码请点赞关注收藏后评论区留言~~~**

## 一、转换位图的像素色彩 ##

给图片添加装饰物，只是在局部变换，如果想让图片一边保持轮廓一边改变色彩，就要深入图像的每个像素点，将这些像素点统统采取某种算法修改一番，在像素级别更改图像的话，要先把图片转换成位图对象再进一步加工位图对象，此时用到了位图工具Bitmap 主要方法如下

> 1：createBitmap 创建一个新位图
> 
> 2：getPixels 获取位图对象所有点的像素数组
> 
> 3：setPixels 设置位图对象所有点的像素数组

效果如下 可以将一张图片以多种色彩效果显示出来

![fd195cf7b8be4285b473f196a6c82785.png][]

![51dac91085924c16b9db216edc8d58fd.png][]

![99e30779a2cc425c9a7cb013363f83f7.png][]

代码如下

### Java类 ###

package com.example.picture;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import android.graphics.Bitmap;
    import android.graphics.BitmapFactory;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.ArrayAdapter;
    import android.widget.ImageView;
    import android.widget.Spinner;
    
    import com.example.picture.util.BitmapUtil;
    
    public class BitmapPixelActivity extends AppCompatActivity {
        private ImageView iv_picture; // 声明一个图像视图对象
        private Bitmap mOriginBitmap; // 原始位图
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_bitmap_pixel);
            iv_picture = findViewById(R.id.iv_picture);
            mOriginBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.butterfly);
            initColorSpinner(); // 初始化色彩模式下拉框
        }
    
        // 初始化色彩模式下拉框
        private void initColorSpinner() {
            ArrayAdapter<String> colorAdapter = new ArrayAdapter<>(this,
                    R.layout.item_select, colorNameArray);
            Spinner sp_color = findViewById(R.id.sp_color);
            sp_color.setPrompt("请选择色彩模式");
            sp_color.setAdapter(colorAdapter);
            sp_color.setOnItemSelectedListener(new ColorSelectedListener());
            sp_color.setSelection(0);
        }
    
        private String[] colorNameArray = {"原色", "黑白", "底片", "怀旧", "模糊"};
        class ColorSelectedListener implements AdapterView.OnItemSelectedListener {
            public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
                if (arg2 == 0) { // 原色
                    iv_picture.setImageBitmap(mOriginBitmap); // 设置图像视图的位图对象
                } else if (arg2 == 1) { // 黑白
                    Bitmap bitmap = BitmapUtil.convertBlack(mOriginBitmap); // 转换为黑白效果
                    iv_picture.setImageBitmap(bitmap); // 设置图像视图的位图对象
                } else if (arg2 == 2) { // 底片
                    Bitmap bitmap = BitmapUtil.convertNegative(mOriginBitmap); // 转换为底片效果
                    iv_picture.setImageBitmap(bitmap); // 设置图像视图的位图对象
                } else if (arg2 == 3) { // 怀旧
                    Bitmap bitmap = BitmapUtil.convertOld(mOriginBitmap); // 转换为怀旧效果
                    iv_picture.setImageBitmap(bitmap); // 设置图像视图的位图对象
                } else if (arg2 == 4) { // 模糊
                    Bitmap bitmap = BitmapUtil.convertBlur(mOriginBitmap); // 转换为模糊效果
                    iv_picture.setImageBitmap(bitmap); // 设置图像视图的位图对象
                }
            }
    
            public void onNothingSelected(AdapterView<?> arg0) {}
        }
    
    }

### XML文件 ###

## 二、裁剪位图内部区域 ##

createBitmap方法不仅可以创建空白位图，甚至能从原位图上截取一部分下来，裁剪出来的新位图来自原始位图，为了清楚的标记它在原位图的位置，可在图像视图上方覆盖新的图层，然后新图层先画一遍半透明的阴影，再画裁剪的位图部分，观察新老图层就可以看出裁剪的部位 效果如下

可以在下拉框中红选择裁剪不同区域并且保留图片

![c2d97c71843f4cd79c1b45e331f61674.png][]

![286875da84ec4dfaaf53b0a9139a1ca7.png][]

![c118f119d89a449e962e351d9c6b56b2.png][]

代码如下

### Java类 ###

package com.example.picture;
    
    import android.graphics.Bitmap;
    import android.graphics.Rect;
    import android.os.Bundle;
    import android.os.Environment;
    import android.os.Handler;
    import android.os.Looper;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.ArrayAdapter;
    import android.widget.ImageView;
    import android.widget.Spinner;
    import android.widget.Toast;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import com.example.picture.util.BitmapUtil;
    import com.example.picture.util.DateUtil;
    import com.example.picture.widget.CropImageView;
    
    public class BitmapCutActivity extends AppCompatActivity {
        private CropImageView civ_over; // 声明一个裁剪视图对象
        private ImageView iv_old; // 声明一个原始图片的图像视图对象
        private ImageView iv_new; // 声明一个最新图片的图像视图对象
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_bitmap_cut);
            civ_over = findViewById(R.id.civ_over);
            iv_old = findViewById(R.id.iv_old);
            iv_new = findViewById(R.id.iv_new);
            findViewById(R.id.btn_save_image).setOnClickListener(v -> {
                civ_over.setVisibility(View.GONE);
                Bitmap bitmap = civ_over.getCropBitmap(); // 获取裁剪视图处理后的位图
                iv_new.setImageBitmap(bitmap); // 设置图像视图的位图对象
                // 生成图片文件的保存路径
                String path = String.format("%s/%s.jpg",
                        getExternalFilesDir(Environment.DIRECTORY_DOWNLOADS).toString(),
                        DateUtil.getNowDateTime());
                BitmapUtil.saveImage(path, bitmap); // 把位图保存为图片文件
                BitmapUtil.notifyPhotoAlbum(this, path); // 通知相册来了张新图片
                Toast.makeText(this, "成功保存图片文件：" + path, Toast.LENGTH_SHORT).show();
                initZoneSpinner(); // 初始化裁剪区域下拉框
            });
            iv_old.setDrawingCacheEnabled(true); // 开启位图视图的绘图缓存
            iv_old.setImageResource(R.drawable.butterfly); // 设置图像视图的资源编号
            new Handler(Looper.myLooper()).postDelayed(() -> initZoneSpinner(), 200);
        }
    
        // 初始化裁剪区域下拉框
        private void initZoneSpinner() {
            ArrayAdapter<String> zoneAdapter = new ArrayAdapter<>(this,
                    R.layout.item_select, zoneNameArray);
            Spinner sp_zone = findViewById(R.id.sp_zone);
            sp_zone.setPrompt("请选择裁剪区域");
            sp_zone.setAdapter(zoneAdapter);
            sp_zone.setOnItemSelectedListener(new ZoneSelectedListener());
            sp_zone.setSelection(0);
        }
    
        private String[] zoneNameArray = {"不裁剪", "中间", "左上角", "右上角", "左下角", "右下角"};
        class ZoneSelectedListener implements AdapterView.OnItemSelectedListener {
            public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
                civ_over.setVisibility(arg2==0?View.GONE:View.VISIBLE);
                Bitmap bitmap = iv_old.getDrawingCache(); // 从绘图缓存获取位图对象
                int width = bitmap.getWidth(), height = bitmap.getHeight();
                civ_over.setOrigBitmap(bitmap); // 设置裁剪视图的原始位图
                // 以下依据裁剪区域分别设置裁剪视图的位图边界
                if (arg2 == 1) { // 中间
                    civ_over.setBitmapRect(new Rect(width/4, height/4, width/2, height/2));
                } else if (arg2 == 2) { // 左上角
                    civ_over.setBitmapRect(new Rect(0, 0, width/2, height/2));
                } else if (arg2 == 3) { // 右上角
                    civ_over.setBitmapRect(new Rect(width/2, 0, width/2, height/2));
                } else if (arg2 == 4) { // 左下角
                    civ_over.setBitmapRect(new Rect(0, height/2, width/2, height/2));
                } else if (arg2 == 5) { // 右下角
                    civ_over.setBitmapRect(new Rect(width/2, height/2, width/2, height/2));
                }
            }
    
            public void onNothingSelected(AdapterView<?> arg0) {}
        }
    
    }

### XML文件 ###

## 三、利用矩阵变换位图 ##

可以利用矩阵工具Matrix对图片完成缩放 旋转 平移等变换操作 常用方法如下

> postScale 指定横纵坐标两个方向的缩放比率
> 
> postRotate 指定旋转角度
> 
> postTranslate 指定横纵坐标两个方向的偏移大小
> 
> postSkew 指定横纵坐标两个方向的倾斜比例

效果如下 可在下拉框中选择旋转角度以及缩放比例、是否左右反转图像等等 同样可以保存图片

![9df2a3b64769493ba4c0bf5a58bed0a9.png][]

![8b3c2a225c114a0395fed5ff1f6a8735.png][]

![3d957fc7f6dd4a43a65336788b6d8d53.png][]

代码如下

### Java类 ###

package com.example.picture;
    
    import android.graphics.Bitmap;
    import android.graphics.BitmapFactory;
    import android.os.Bundle;
    import android.os.Environment;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.AdapterView.OnItemSelectedListener;
    import android.widget.ArrayAdapter;
    import android.widget.CheckBox;
    import android.widget.Spinner;
    import android.widget.Toast;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import com.example.picture.util.BitmapUtil;
    import com.example.picture.util.DateUtil;
    import com.example.picture.widget.BitmapView;
    
    public class BitmapChangeActivity extends AppCompatActivity {
        private BitmapView bv_image; // 声明一个位图视图对象
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_bitmap_change);
            CheckBox ck_flip = findViewById(R.id.ck_flip);
            bv_image = findViewById(R.id.bv_image);
            ck_flip.setOnCheckedChangeListener((buttonView, isChecked) -> {
                bv_image.flip(); // 左右翻转图像
            });
            findViewById(R.id.btn_save_image).setOnClickListener(v -> {
                Bitmap bitmap = bv_image.getDrawingCache(); // 从绘图缓存获取位图对象
                // 生成图片文件的保存路径
                String path = String.format("%s/%s.jpg",
                        getExternalFilesDir(Environment.DIRECTORY_DOWNLOADS).toString(),
                        DateUtil.getNowDateTime());
                BitmapUtil.saveImage(path, bitmap); // 把位图保存为图片文件
                BitmapUtil.notifyPhotoAlbum(this, path); // 通知相册来了张新图片
                Toast.makeText(this, "成功保存图片文件：" + path, Toast.LENGTH_LONG).show();
            });
            initScaleSpinner(); // 初始化缩放比率下拉框
            initRotateSpinner(); // 初始化旋转角度下拉框
        }
    
        @Override
        protected void onStart() {
            super.onStart();
            bv_image.setDrawingCacheEnabled(true); // 开启位图视图的绘图缓存
            Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.butterfly);
            bv_image.setImageBitmap(bitmap); // 设置位图视图的位图对象
        }
    
        @Override
        protected void onStop() {
            super.onStop();
            bv_image.setDrawingCacheEnabled(false); // 关闭位图视图的绘图缓存
        }
    
        // 初始化缩放比率下拉框
        private void initScaleSpinner() {
            ArrayAdapter<String> scaleAdapter = new ArrayAdapter<>(this,
                    R.layout.item_select, scaleArray);
            Spinner sp_scale = findViewById(R.id.sp_scale);
            sp_scale.setPrompt("请选择缩放比率");
            sp_scale.setAdapter(scaleAdapter);
            sp_scale.setOnItemSelectedListener(new ScaleSelectedListener());
            sp_scale.setSelection(3);
        }
    
        private String[] scaleArray = {"0.25", "0.5", "0.75", "1.0", "1.5", "2.0", "4.0"};
        class ScaleSelectedListener implements OnItemSelectedListener {
            public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
                // 设置缩放比例
                bv_image.setScaleRatio(Float.parseFloat(scaleArray[arg2]), true);
            }
    
            public void onNothingSelected(AdapterView<?> arg0) {}
        }
    
        // 初始化旋转角度下拉框
        private void initRotateSpinner() {
            ArrayAdapter<String> rotateAdapter = new ArrayAdapter<>(this,
                    R.layout.item_select, rotateArray);
            Spinner sp_rotate = findViewById(R.id.sp_rotate);
            sp_rotate.setPrompt("请选择旋转角度");
            sp_rotate.setAdapter(rotateAdapter);
            sp_rotate.setOnItemSelectedListener(new RotateSelectedListener());
            sp_rotate.setSelection(0);
        }
    
        private String[] rotateArray = {"0", "45", "90", "135", "180", "225", "270", "315"};
        class RotateSelectedListener implements OnItemSelectedListener {
            public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
                // 设置旋转角度
                bv_image.setRotateDegree(Integer.parseInt(rotateArray[arg2]), true);
            }
    
            public void onNothingSelected(AdapterView<?> arg0) {}
        }
    
    }

### XML文件 ###

**创作不易 觉得有帮助请点赞关注收藏~~~**

[fd195cf7b8be4285b473f196a6c82785.png]: https://img-blog.csdnimg.cn/fd195cf7b8be4285b473f196a6c82785.png
[51dac91085924c16b9db216edc8d58fd.png]: https://img-blog.csdnimg.cn/51dac91085924c16b9db216edc8d58fd.png
[99e30779a2cc425c9a7cb013363f83f7.png]: https://img-blog.csdnimg.cn/99e30779a2cc425c9a7cb013363f83f7.png
[c2d97c71843f4cd79c1b45e331f61674.png]: https://img-blog.csdnimg.cn/c2d97c71843f4cd79c1b45e331f61674.png
[286875da84ec4dfaaf53b0a9139a1ca7.png]: https://img-blog.csdnimg.cn/286875da84ec4dfaaf53b0a9139a1ca7.png
[c118f119d89a449e962e351d9c6b56b2.png]: https://img-blog.csdnimg.cn/c118f119d89a449e962e351d9c6b56b2.png
[9df2a3b64769493ba4c0bf5a58bed0a9.png]: https://img-blog.csdnimg.cn/9df2a3b64769493ba4c0bf5a58bed0a9.png
[8b3c2a225c114a0395fed5ff1f6a8735.png]: https://img-blog.csdnimg.cn/8b3c2a225c114a0395fed5ff1f6a8735.png
[3d957fc7f6dd4a43a65336788b6d8d53.png]: https://img-blog.csdnimg.cn/3d957fc7f6dd4a43a65336788b6d8d53.png