Android Studio中基于Volley的NetworkImageView如何添加捏合缩放功能？

可以实现，NetworkImageView本身不内置捏合缩放交互，你可以通过嵌套缩放容器或扩展NetworkImageView添加触摸逻辑两种方式实现：

方法一：用自定义缩放容器包裹NetworkImageView #

创建一个支持缩放的容器布局，将NetworkImageView放入其中，由容器处理捏合手势：

1. 自定义缩放容器类：

public class ZoomContainer extends FrameLayout {
    private ScaleGestureDetector scaleGestureDetector;
    private GestureDetector gestureDetector;
    private float scaleFactor = 1.0f;
    private float lastTouchX, lastTouchY;
    private float posX = 0, posY = 0;
    private float maxScale = 3.0f;
    private float minScale = 1.0f;

    public ZoomContainer(Context context) {
        this(context, null);
    }

    public ZoomContainer(Context context, AttributeSet attrs) {
        super(context, attrs);
        scaleGestureDetector = new ScaleGestureDetector(context, new ScaleListener());
        gestureDetector = new GestureDetector(context, new GestureListener());
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        gestureDetector.onTouchEvent(ev);
        scaleGestureDetector.onTouchEvent(ev);
        return true;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        gestureDetector.onTouchEvent(event);
        scaleGestureDetector.onTouchEvent(event);
        return true;
    }

    private class ScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {
        @Override
        public boolean onScale(ScaleGestureDetector detector) {
            scaleFactor *= detector.getScaleFactor();
            scaleFactor = Math.max(minScale, Math.min(scaleFactor, maxScale));
            updateMatrix();
            return true;
        }
    }

    private class GestureListener extends GestureDetector.SimpleOnGestureListener {
        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
            posX -= distanceX;
            posY -= distanceY;
            updateMatrix();
            return true;
        }
    }

    private void updateMatrix() {
        Matrix matrix = new Matrix();
        matrix.postScale(scaleFactor, scaleFactor, getWidth() / 2f, getHeight() / 2f);
        matrix.postTranslate(posX, posY);
        if (getChildCount() > 0) {
            ((ImageView) getChildAt(0)).setImageMatrix(matrix);
        }
    }
}

2. 在布局文件中使用：

<com.yourpackage.ZoomContainer
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.android.volley.toolbox.NetworkImageView
        android:id="@+id/network_image"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="matrix"/>

</com.yourpackage.ZoomContainer>

3. 保持原有的Volley加载逻辑不变：

NetworkImageView networkImageView = findViewById(R.id.network_image);
networkImageView.setImageUrl("你的图片URL", VolleySingleton.getInstance(this).getImageLoader());

方法二：直接扩展NetworkImageView添加缩放逻辑 #

继承NetworkImageView，在内部添加触摸事件处理：

public class ZoomableNetworkImageView extends NetworkImageView {
    private ScaleGestureDetector scaleGestureDetector;
    private float scaleFactor = 1.0f;
    private float maxScale = 3.0f;
    private float minScale = 1.0f;

    public ZoomableNetworkImageView(Context context) {
        this(context, null);
    }

    public ZoomableNetworkImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        scaleGestureDetector = new ScaleGestureDetector(context, new ScaleListener());
        setScaleType(ScaleType.MATRIX);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        scaleGestureDetector.onTouchEvent(event);
        return true;
    }

    private class ScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {
        @Override
        public boolean onScale(ScaleGestureDetector detector) {
            scaleFactor *= detector.getScaleFactor();
            scaleFactor = Math.max(minScale, Math.min(scaleFactor, maxScale));
            Matrix matrix = new Matrix();
            matrix.postScale(scaleFactor, scaleFactor, getWidth()/2f, getHeight()/2f);
            setImageMatrix(matrix);
            return true;
        }
    }
}

然后在布局中直接使用这个自定义控件，加载逻辑和原来一致。

注意：以上示例仅实现基础的捏合缩放，你可以根据需求添加边界限制、双击放大/缩小等额外交互。

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