基于PhotoView实现ImageView缩放开关时的状态保持问题

看起来你遇到的核心问题有几个：每次切换ToggleButton都重新创建PhotoViewAttacher导致状态丢失，mScreenBase变量未定义，以及关闭缩放时的状态恢复逻辑不对。我来帮你一步步修复：

问题根源分析 #

• 重复创建Attacher：每次点击ToggleButton都new一个PhotoViewAttacher，旧的实例状态被丢弃，自然无法保留缩放位置
• 未定义的mScreenBase：这个变量是用来计算图片原始尺寸和ImageView显示尺寸的比例，用来在状态恢复时修正坐标偏移
• 错误的状态恢复逻辑：关闭缩放时直接设置ScaleType.CENTER_CROP会强制重置显示状态，应该先保留当前缩放和偏移，再禁用缩放功能

修复后的完整代码 #

首先调整成员变量，把PhotoViewAttacher设为全局变量，同时补充需要的状态变量：

package com.example.satellite.coloridentifier;

public class ImageEditorActivity extends AppCompatActivity implements View.OnClickListener, TextToSpeech.OnInitListener {
    public ImageView ivImageEditor, ivColorPicked;
    public TextView tvColorName, tvHexCode, tvRGB;
    public ToggleButton btnZoom;
    public Bitmap myBitmap;
    private float currentScale = 1.0f; // 保存当前缩放比例
    private Matrix currentMatrix = new Matrix(); // 保存当前显示矩阵
    private PhotoViewAttacher photoViewAttacher; // 全局Attacher实例
    private float mScreenBase; // 图片与ImageView的比例系数

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_image_editor);
        btnZoom = findViewById(R.id.btnZoom);
        btnZoom.setOnClickListener(this);
        ivImageEditor = findViewById(R.id.ivImageEditor);
        ivColorPicked = findViewById(R.id.ivColorPicked);
        tvColorName = findViewById(R.id.tvColorName);
        tvHexCode = findViewById(R.id.tvHexCode);
        tvRGB = findViewById(R.id.tvRGB);

        // 获取图片
        try {
            String imagePath = getIntent().getExtras().getString("imagepath");
            String photo = getIntent().getExtras().getString("photoUri");
            if (imagePath != null) {
                myBitmap = BitmapFactory.decodeFile(imagePath);
                ivImageEditor.setImageBitmap(myBitmap);
            } else if (photo != null) {
                Uri photoUri = Uri.parse(photo);
                myBitmap = MediaStore.Images.Media.getBitmap(this.getContentResolver(), photoUri);
                ivImageEditor.setImageBitmap(myBitmap);
            }
            // 初始化PhotoViewAttacher，默认禁用缩放
            photoViewAttacher = new PhotoViewAttacher(ivImageEditor);
            photoViewAttacher.setZoomable(false);
            // 计算mScreenBase：图片原始宽度 / ImageView显示宽度（初始化后获取）
            ivImageEditor.post(() -> {
                if (myBitmap != null) {
                    mScreenBase = (float) myBitmap.getWidth() / ivImageEditor.getWidth();
                }
            });
        } catch (Exception e) {
            e.printStackTrace();
            Toast.makeText(this, "No image or photo", Toast.LENGTH_SHORT).show();
        }

        // 默认的触摸取色Listener
        setupColorPickTouchListener();
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btnZoom:
                if (btnZoom.isChecked()) {
                    // 开启缩放：恢复之前的缩放状态，启用缩放功能
                    photoViewAttacher.setZoomable(true);
                    // 如果之前有保存的状态，恢复
                    if (currentScale != 1.0f) {
                        photoViewAttacher.setScale(currentScale, true);
                        photoViewAttacher.setDisplayMatrix(currentMatrix);
                    }
                    // 监听矩阵变化，保存状态
                    photoViewAttacher.setOnMatrixChangeListener(rectF -> {
                        currentScale = photoViewAttacher.getScale();
                        currentMatrix.set(photoViewAttacher.getDisplayMatrix());
                    });
                    // 暂时移除取色Listener，避免冲突
                    ivImageEditor.setOnTouchListener(null);
                } else {
                    // 关闭缩放：保存当前状态，禁用缩放，恢复取色Listener
                    currentScale = photoViewAttacher.getScale();
                    currentMatrix.set(photoViewAttacher.getDisplayMatrix());
                    // 禁用缩放，但保持当前显示状态
                    photoViewAttacher.setZoomable(false);
                    // 恢复取色功能
                    setupColorPickTouchListener();
                }
                break;
            default:
                break;
        }
    }

    // 封装触摸取色的Listener，避免重复代码
    private void setupColorPickTouchListener() {
        ivImageEditor.setOnTouchListener((view, motionEvent) -> {
            if (ivImageEditor.getDrawable() == null) return true;
            
            // 注意：因为图片可能被缩放，需要把触摸坐标转换为图片原始坐标
            float[] touchPoint = new float[]{motionEvent.getX(), motionEvent.getY()};
            // 使用当前矩阵逆变换，将屏幕坐标转为图片原始坐标
            Matrix inverseMatrix = new Matrix();
            currentMatrix.invert(inverseMatrix);
            inverseMatrix.mapPoints(touchPoint);
            
            int touchX = (int) touchPoint[0];
            int touchY = (int) touchPoint[1];
            
            if (touchX > 0 && touchY > 0 && touchX < myBitmap.getWidth() && touchY < myBitmap.getHeight()) {
                int pixel = myBitmap.getPixel(touchX, touchY);
                int red = Color.red(pixel);
                int myRed = (int) Math.round(red * 100.0 / 255);
                int green = Color.green(pixel);
                int myGreen = (int) Math.round(green * 100.0 / 255);
                int blue = Color.blue(pixel);
                int myBlue = (int) Math.round(blue * 100.0 / 255);
                updateColorRGB(red, green, blue);
                updateColorPercentage(myRed, myGreen, myBlue);
            }
            return true;
        });
    }

    public void updateColorPercentage(int redColor, int greenColor, int blueColor) {
        DbHelper myDbHelper = new DbHelper(ImageEditorActivity.this);
        String colorName = myDbHelper.getColorName(redColor, greenColor, blueColor);
        tvColorName.setText(colorName);
        tvRGB.setText("(" + String.valueOf(redColor) + "%, " + String.valueOf(greenColor) + "%, " + String.valueOf(blueColor) + "% )");
    }

    public void updateColorRGB(int red, int green, int blue) {
        String colorHex = String.format("#%02X%02X%02X", red, green, blue);
        tvHexCode.setText(colorHex);
        ivColorPicked.setBackgroundColor(Color.parseColor(colorHex));
    }

    @Override
    public void onInit(int status) {
        // 实现TextToSpeech的初始化逻辑，如果不需要可以留空
    }
}

关键修改点解释 #

1. 全局PhotoViewAttacher：只初始化一次，避免每次切换都丢失状态
2. mScreenBase的含义：它是图片原始宽度 / ImageView显示宽度的比例，用来在坐标转换时修正缩放带来的偏移。在代码里我们通过ivImageEditor.post()来获取ImageView的实际宽度，确保计算准确
3. 状态保存与恢复：开启缩放时恢复之前的缩放比例和矩阵，关闭时先保存当前状态再禁用缩放
4. 触摸坐标转换：关闭缩放后，因为图片保持了缩放状态，直接用屏幕坐标取色会不准确，所以需要通过矩阵逆变换把屏幕坐标转换成图片的原始坐标，这样取色才正确
5. 封装取色Listener：避免重复写相同的代码，让逻辑更清晰

这样修改后，切换ToggleButton时就能保持当前的缩放位置，关闭后无法再缩放，同时取色功能也能正常工作啦。

内容的提问来源于stack exchange，提问作者Jessica