ScrollView嵌套Fragment中Google Maps Fragment的交互异常问题

嘿，这个场景我太熟了！ScrollView和Google Maps Fragment的触摸事件冲突确实头疼，不过只需要自定义个ScrollView就能搞定单指拖动地图的问题，下面一步步来：

核心思路 #

问题根源是ScrollView会拦截所有触摸事件，导致单指拖动时优先触发滚动而不是地图拖拽。我们要做的就是让ScrollView学会“分辨”：当触摸操作是在地图上横向拖动时，把事件交给地图处理，自己不拦截。

具体实现步骤 #

1. 自定义兼容地图的ScrollView #

创建一个继承自ScrollView的类，重写触摸拦截方法：

public class MapFriendlyScrollView extends ScrollView {
    private float xDistance, yDistance, lastX, lastY;

    public MapFriendlyScrollView(Context context) {
        super(context);
    }

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

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

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 初始化触摸坐标
                xDistance = yDistance = 0f;
                lastX = ev.getX();
                lastY = ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                final float curX = ev.getX();
                final float curY = ev.getY();
                // 计算横向和纵向的移动距离
                xDistance += Math.abs(curX - lastX);
                yDistance += Math.abs(curY - lastY);
                lastX = curX;
                lastY = curY;
                // 如果横向移动距离大于纵向，说明是拖拽地图，ScrollView放弃拦截
                if (xDistance > yDistance) {
                    return false;
                }
        }
        // 其他情况保持ScrollView的默认拦截逻辑
        return super.onInterceptTouchEvent(ev);
    }
}

2. 替换布局中的原生ScrollView #

把你布局里的<ScrollView>标签换成自定义的MapFriendlyScrollView：

<com.your.package.name.MapFriendlyScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 你的其他布局内容 -->

    <!-- 地图容器 -->
    <FrameLayout
        android:id="@+id/map_container"
        android:layout_width="match_parent"
        android:layout_height="350dp"/>

    <!-- 剩余布局内容 -->

</com.your.package.name.MapFriendlyScrollView>

3. 正常初始化MapFragment #

在你的宿主Fragment里按常规方式初始化地图即可：

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View rootView = inflater.inflate(R.layout.your_fragment_layout, container, false);
    
    // 获取并初始化MapFragment
    SupportMapFragment mapFragment = (SupportMapFragment) getChildFragmentManager()
            .findFragmentById(R.id.map_container);
    if (mapFragment != null) {
        mapFragment.getMapAsync(this);
    }
    
    return rootView;
}

@Override
public void onMapReady(GoogleMap googleMap) {
    // 在这里配置地图，比如设置初始位置、添加标记等
    googleMap.moveCamera(CameraUpdateFactory.newLatLngZoom(new LatLng(39.9042, 116.4074), 12));
}

额外小提示 #

• 如果你的地图区域有按钮或其他交互控件，这个逻辑不会影响它们的点击操作，只有横向拖动时才会交给地图处理。
• 要是你用的是MapView而非MapFragment，思路完全一致，只需要保证自定义ScrollView的触摸拦截逻辑不变就行。

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