Android控件-ScrollView 和WebView之见滑动冲突解决

男娘i 2022-07-24 11:09 471阅读 0赞

需求：

最近在做一个webView加载网页的页面，最外层是一个scrollView，因为还有标题等其他数据是需要单独获取加载，所以scrollview中是包含一个其他信息的头部布局和一个加载网页信息的WebView，当滑动的时候，头部和WebView一起滑动。

出现bug

只有WebView可以滑动。

bug解决思路

重写父控件scrollView,拦截WebView的onTouch事件

自定义scrollview代码定义：

<span style="font-size:18px;">package dianshi.matchtrader.view;
    
    import android.content.Context;
    import android.util.AttributeSet;
    import android.view.GestureDetector;
    import android.view.MotionEvent;
    import android.widget.ScrollView;
    
    /**
     * Created by Administrator on 2016/5/20 0020.
     */
    public class MyScrollView extends ScrollView{
    
        private GestureDetector mGestureDetector;
    
        public MyScrollView(Context context, AttributeSet attrs) {
            super(context, attrs);
            //初始化手势
            mGestureDetector = new GestureDetector(context, new YScrollDetector());
        }
    
        /**
         * touch事件的拦截函数
         * @param ev
         * @return
         */
        @Override
        public boolean onInterceptTouchEvent(MotionEvent ev) {
            //根据手势决定是否拦截子控件的onTouch事件
            return super.onInterceptTouchEvent(ev) && mGestureDetector.onTouchEvent(ev);
        }
    
        /**
         * 控件的手势监听
         */
        class YScrollDetector extends GestureDetector.SimpleOnGestureListener {
            @Override
            public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
                //当纵向滑动的距离大于横向滑动的距离的时候，返回true
                if (Math.abs(distanceY) > Math.abs(distanceX)) {
                    return true;
                }
                return false;
            }
        }
    }</span>

布局中使用：

<span style="font-size:18px;">    <dianshi.matchtrader.view.MyScrollView
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:id="@+id/scrollView">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical"
                >
    
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="#f0f0f0"
                    android:padding="20dp"
                    android:orientation="vertical">
                    <TextView
                        android:id="@+id/txt_noticeDetail_title"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:textColor="@color/black"
                        android:textStyle="bold"
                        android:textSize="22sp"/>
    
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal"
                        android:layout_marginTop="10dp">
                        <TextView
                            android:id="@+id/txt_noticeDetail_dayTime"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textColor="#a3a3a3"
                            android:textSize="16sp"/>
                        <TextView
                            android:id="@+id/txt_noticeDetail_hourTime"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textColor="@color/lightGray"
                            android:textSize="16sp"
                            android:layout_marginLeft="20dp"
                            />
    
                    </LinearLayout>
    
    
    
    
    
                </LinearLayout>
    
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="1"
                    android:padding="5dp">
    
                    <WebView
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:id="@+id/txt_noticeDetail_content"
                        android:layout_margin="0dp"
                        android:padding="0dp"
                        android:layout_gravity="bottom"
                        />
    
                </LinearLayout>
    
    
            </LinearLayout>
    
        </dianshi.matchtrader.view.MyScrollView></span>

注意事项：

使用的时候 scrollview不要添加android:fillViewport="true"属性，否则没有效果，原因暂时还不知道具体是为什么。

百度到的android:fillViewport="true"的作用是：

当ScrollView没有fillViewport=“true”时, 里面的元素(比如LinearLayout)会按照wrap\_content来计算(不论它是否设了"fill\_parent"),而如果LinearLayout的元素设置了fill\_parent,那么也是不管用的，因为LinearLayout依赖里面的元素，而里面的元素又依赖LinearLayout,这样自相矛盾.所以里面元素设置了fill\_parent，也会当做wrap\_content来计算。

但是好像和touch事件并没有什么直接关系，很费解，以后有时间再详细研究一下。

**       **

发表评论取消回复

表情：

评论列表（有 0 条评论，471人围观）

还没有评论，来说两句吧...

相关阅读

相关 android ViewPager嵌套WebView滑动冲突问题解决

android ViewPager嵌套WebView滑动冲突问题解决在ViewPager, ScrollView, ListView等容器控件中内嵌了webview，特

电玩女神/ 2023年10月08日 11:51/ 0 赞/ 63 阅读

相关 android ViewPager嵌套WebView滑动冲突问题解决

android ViewPager嵌套WebView滑动冲突问题解决在ViewPager, ScrollView, ListView等容器控件中内嵌了webview，特

比眉伴天荒/ 2023年10月04日 12:05/ 0 赞/ 67 阅读

相关解决SwipeRefreshLayout与ScrollView滑动冲突

在页面为了兼容小屏幕设备我们需要嵌套一个ScrollView来让我们的布局可以滑动，此时恰好外层使用了SwipeRefreshLayout那滑动冲突就来了，下面给出解决办法

迷南。/ 2023年08月17日 15:30/ 0 赞/ 153 阅读

相关屏幕滑动控件ScrollView

用一般的布局，屏幕不能上下或左右滚动，需要使用专门的根布局。 1.垂直滚动：ScrollView 改变布局文件的根布局：把根布局改成:ScrollView 注意：Sc

心已赠人/ 2022年09月16日 00:29/ 0 赞/ 202 阅读

相关 ScrollView、viewPage滑动冲突

1.冲突原因：触控事件被父控件(ScrollView)捕获,导致ViewPage不可滑动或滑动不灵敏。 2.解决思路：触控时子控件(ViewPage)先强制捕获该事件，然后根

红太狼/ 2022年08月23日 04:49/ 0 赞/ 255 阅读

相关 Android控件-ScrollView 和WebView之见滑动冲突解决

需求：最近在做一个webView加载网页的页面，最外层是一个scrollView，因为还有标题等其他数据是需要单独获取加载，所以scrol

男娘i/ 2022年07月24日 11:09/ 0 赞/ 472 阅读

相关 Android ScrollView中嵌套ListView，滑动冲突问题的解决

在项目开发过程，遇到ScrollView中嵌套ListView，结果点击ListView上下滑动时，整个页面滑动，也就是滑动事件被ScrollView消费掉了，造成listVi

迈不过友情╰/ 2022年05月25日 06:27/ 0 赞/ 264 阅读

相关 ScrollView和WebView滑动的距离

ScrollView的时候：使用场景： 1. 做一些复杂动画的时候，需要动态判断当前的ScrollView是否滚动到底部或者顶部 2. ScrollView滚动到顶部或

刺骨的言语ヽ痛彻心扉/ 2022年04月16日 02:20/ 0 赞/ 330 阅读

相关 ScrollView嵌套RecyclerView滑动冲突解决

方式一：禁止RecyclerView滑动最直接的方式是将布局管理器中判断可滑动的方法，直接返回false，代码如下： LinearLayoutManager

川长思鸟来/ 2022年04月14日 03:08/ 0 赞/ 1244 阅读

相关 Android ScrollView嵌套ListView 滑动冲突问题的解决方法

1、自定义ScrollView类，处理事件分发 / 解决scrollview嵌套listview造成滑动冲突的问题 Created by xl

向右看齐/ 2022年03月22日 02:30/ 0 赞/ 442 阅读