Android Studio：ScrollView与捏合缩放功能共存问题求助

问题背景 #

原本实现的屏幕捏合缩放功能可正常运行，但在XML布局中添加ScrollView后，ScrollView滚动功能正常，捏合缩放功能却失效，需要同时保留这两个功能。

问题原因 #

ScrollView默认会拦截触摸事件并处理滚动逻辑，导致Activity的onTouchEvent无法接收到多点触摸事件，进而使捏合缩放逻辑无法触发。

解决方案 #

步骤1：自定义ScrollView #

创建一个自定义的ScrollView类，重写onInterceptTouchEvent方法，当检测到是多点触摸时，不拦截事件，让事件传递给上层处理缩放；否则正常处理滚动：

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.ScrollView;

public class ZoomableScrollView extends ScrollView {
    public ZoomableScrollView(Context context) {
        super(context);
    }

    public ZoomableScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public ZoomableScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        // 多点触摸时不拦截事件，交给Activity处理缩放
        if (ev.getPointerCount() >= 2) {
            return false;
        }
        // 单指触摸时正常拦截，处理ScrollView滚动
        return super.onInterceptTouchEvent(ev);
    }
}

步骤2：修正Activity代码 #

原代码存在变量定义错误（将ScrollView定义为TextView类型），同时优化触摸事件处理逻辑：

package com.yiking.openspirit.oracle_yi_king2;

import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.widget.TextView;

public class Regle_du_jeu extends Activity {

    TextView text1;
    TextView text2;
    TextView text3;
    TextView text4;
    final static float move = 200;
    float ratio = 1.0f;
    int bastDst;
    float baseratio;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.regle_du_jeu);
    
        text1 = findViewById(R.id.regle_jeu1);
        text1.setTextSize(ratio + 15);
        text2 = findViewById(R.id.regle_jeu2);
        text2.setTextSize(ratio + 15);
        text3 = findViewById(R.id.regle_jeu3);
        text3.setTextSize(ratio + 15);
        text4 = findViewById(R.id.regle_jeu4);
        text4.setTextSize(ratio + 15);
    }
    
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (event.getPointerCount() == 2) {
            int action = event.getAction();
            int mainaction = action & MotionEvent.ACTION_MASK;
            if (mainaction == MotionEvent.ACTION_POINTER_DOWN) {
                bastDst = getDistance(event);
                baseratio = ratio;
            } else if (mainaction == MotionEvent.ACTION_MOVE) {
                // 仅在手指移动时计算缩放，减少不必要的刷新
                float scale = (getDistance(event) - bastDst) / move;
                float factor = (float) Math.pow(2, scale);
                ratio = Math.min(1024.0f, Math.max(0.1f, baseratio * factor));
                text1.setTextSize(ratio + 15);
                text2.setTextSize(ratio + 15);
                text3.setTextSize(ratio + 15);
                text4.setTextSize(ratio + 15);
            }
        }
        return super.onTouchEvent(event);
    }

    // 获取两点触摸距离
    private int getDistance(MotionEvent event) {
        int dx = (int) (event.getX(0) - event.getX(1));
        int dy = (int) (event.getY(0) - event.getY(1));
        return (int) Math.sqrt(dx * dx + dy * dy);
    }
}

步骤3：修改XML布局 #

将原布局中的ScrollView替换为自定义的ZoomableScrollView，使用完整类名：

<?xml version="1.0" encoding="utf-8"?>
<com.yiking.openspirit.oracle_yi_king2.ZoomableScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_height="match_parent"
    style="@style/monlayout_blanc"
    android:layout_width="match_parent"
    android:background="#792B82"
    tools:context="com.yiking.openspirit.oracle_yi_king2.Regle_du_jeu"
    android:id="@+id/scrollView">

    <LinearLayout
        style="@style/monlayout_blanc"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:orientation="vertical">
        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="left">              
            <TextView
                android:layout_width="wrap_content"
                style="@style/titre_bleu"
                android:layout_height="20dp"
                android:layout_gravity="center_vertical"/>
        </LinearLayout>
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/regle_jeu_layout">
            <TextView
                android:text="@string/m_expli2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:justificationMode="inter_word"
                style="@style/aff_std_gris_sp"
                android:id="@+id/regle_jeu1"/>
             <TextView
                android:text="@string/m_expli2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:justificationMode="inter_word"
                style="@style/aff_std_gris_sp"
                android:id="@+id/regle_jeu2"/>
             <TextView
                android:text="@string/m_expli2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:justificationMode="inter_word"
                style="@style/aff_std_gris_sp"
                android:id="@+id/regle_jeu3"/>
             <TextView
                android:text="@string/m_expli2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:justificationMode="inter_word"
                style="@style/aff_std_gris_sp"
                android:id="@+id/regle_jeu4"/>
          </LinearLayout>
    </LinearLayout>
</com.yiking.openspirit.oracle_yi_king2.ZoomableScrollView>

说明 #

• 自定义ScrollView通过判断触摸点数量，实现事件分流：多点触摸时放行事件给Activity处理缩放，单指触摸时正常处理滚动。
• 修正了原Activity中错误的变量定义，优化触摸事件逻辑，仅在手指移动时计算缩放，提升性能。
• 调整XML布局参数，确保布局适配更合理。

内容的提问来源于stack exchange，提问作者Alain-René