ScrollView,ListView,GrideView,RecyclerView,ViewPager等多种view嵌套问题

出现嵌套问题,主要是事件的分发机制及事件冲突,以下列举各种冲突及相关的解决办法。

一、ScrollView嵌套ListView、GrideView等冲突问题的最优解决方案

重写 ListVew或者 GridView

/**   只重写该方法,达到使ListView适应ScrollView的效果   */ 
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    int expandSpec = MeasureSpec.makeMeasureSpec(
                     Integer.MAX_VALUE >> 2,MeasureSpec.AT_MOST);
    super.onMeasure(widthMeasureSpec, expandSpec);
}

二、ViewPager和ScrollView嵌套滚动问题解决方案

嵌套是ViewPager-->ScrollView-->ViewPager.

public class HorizontalInnerViewPager extends ViewPager {
    /** 触摸时按下的点 **/
    PointF downP = new PointF();
    /** 触摸时当前的点 **/
    PointF curP = new PointF();
    /** 自定义手势**/
    private GestureDetector mGestureDetector;
    public HorizontalInnerViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
        mGestureDetector = new GestureDetector(context, new XScrollDetector());
    }
    public HorizontalInnerViewPager(Context context) {
        super(context);
        mGestureDetector = new GestureDetector(context, new XScrollDetector());
    }
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return super.onInterceptTouchEvent(ev);//default
        //当拦截触摸事件到达此位置的时候,返回true,
        //说明将onTouch拦截在此控件,进而执行此控件的onTouchEvent
        //return true;
        //接近水平滑动时子控件处理该事件,否则交给父控件处理
        //return mGestureDetector.onTouchEvent(ev);
    }
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        //每次进行onTouch事件都记录当前的按下的坐标
        curP.x = ev.getX();
        curP.y = ev.getY();
        if(ev.getAction() == MotionEvent.ACTION_DOWN){
            //记录按下时候的坐标
            //切记不可用 downP = curP ,这样在改变curP的时候,downP也会改变
            downP.x = ev.getX();
            downP.y = ev.getY();
            //此句代码是为了通知他的父ViewPager现在进行的是本控件的操作,不要对我的操作进行干扰
            getParent().requestDisallowInterceptTouchEvent(true);
        }
        if(ev.getAction() == MotionEvent.ACTION_MOVE){
            float distanceX = curP.x - downP.x;
            float distanceY = curP.y - downP.y;
            //接近水平滑动,ViewPager控件捕获手势,水平滚动
            if(Math.abs(distanceX) > Math.abs(distanceY)){
                //此句代码是为了通知他的父ViewPager现在进行的是本控件的操作,不要对我的操作进行干扰
                getParent().requestDisallowInterceptTouchEvent(true);
            }else{
                //接近垂直滑动,交给父控件处理
                getParent().requestDisallowInterceptTouchEvent(false);
            }
        }
        return super.onTouchEvent(ev);
    }
    private class XScrollDetector extends GestureDetector.SimpleOnGestureListener{
        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
            //return super.onScroll(e1, e2, distanceX, distanceY);
            //接近水平滑动时子控件处理该事件,否则交给父控件处理
            return (Math.abs(distanceX) > Math.abs(distanceY));
        }
    }
}

三、ScrollView里嵌套ScrollView

两个相同方向的ScrollView是不能嵌套的,所以尽量避免这种情况; 如果不能避免,则看下面。目前做的这个只支持两个ScrollView嵌套,两个以上还有待改进,能套两个就已经能满足很多需求了目前为纵向scrollview的支持.直接看代码:

public class InnerScrollView extends ScrollView { 
  
    /** 
     */
    public ScrollView parentScrollView; 
  
    public InnerScrollView(Context context, AttributeSet attrs) { 
        super(context, attrs); 
  
    } 
  
    private int lastScrollDelta = 0; 
  
    public void resume() { 
        overScrollBy(0, -lastScrollDelta, 0, getScrollY(), 0, getScrollRange(), 0, 0, true); 
        lastScrollDelta = 0; 
    } 
  
    int mTop = 10; 
  
    /** 
     * 将targetView滚到最顶端 
     */
    public void scrollTo(View targetView) { 
  
        int oldScrollY = getScrollY(); 
        int top = targetView.getTop() - mTop; 
        int delatY = top - oldScrollY; 
        lastScrollDelta = delatY; 
        overScrollBy(0, delatY, 0, getScrollY(), 0, getScrollRange(), 0, 0, true); 
    } 
  
    private int getScrollRange() { 
        int scrollRange = 0; 
        if (getChildCount() > 0) { 
            View child = getChildAt(0); 
            scrollRange = Math.max(0, child.getHeight() - (getHeight())); 
        } 
        return scrollRange; 
    } 
  
    int currentY; 
  
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) { 
        if (parentScrollView == null) { 
            return super.onInterceptTouchEvent(ev); 
        } else { 
            if (ev.getAction() == MotionEvent.ACTION_DOWN) { 
                // 将父scrollview的滚动事件拦截 
                currentY = (int)ev.getY(); 
                setParentScrollAble(false); 
                return super.onInterceptTouchEvent(ev); 
            } else if (ev.getAction() == MotionEvent.ACTION_UP) { 
                // 把滚动事件恢复给父Scrollview 
                setParentScrollAble(true); 
            } else if (ev.getAction() == MotionEvent.ACTION_MOVE) { 
            } 
        } 
        return super.onInterceptTouchEvent(ev); 
  
    } 
  
    @Override
    public boolean onTouchEvent(MotionEvent ev) { 
        View child = getChildAt(0); 
        if (parentScrollView != null) { 
            if (ev.getAction() == MotionEvent.ACTION_MOVE) { 
                int height = child.getMeasuredHeight(); 
                height = height - getMeasuredHeight(); 
  
                // System.out.println("height=" + height); 
                int scrollY = getScrollY(); 
                // System.out.println("scrollY" + scrollY); 
                int y = (int)ev.getY(); 
  
                // 手指向下滑动 
                if (currentY < y) { 
                    if (scrollY <= 0) { 
                        // 如果向下滑动到头,就把滚动交给父Scrollview 
                        setParentScrollAble(true); 
                        return false; 
                    } else { 
                        setParentScrollAble(false); 
  
                    } 
                } else if (currentY > y) { 
                    if (scrollY >= height) { 
                        // 如果向上滑动到头,就把滚动交给父Scrollview 
                        setParentScrollAble(true); 
                        return false; 
                    } else { 
                        setParentScrollAble(false); 
  
                    } 
  
                } 
                currentY = y; 
            } 
        } 
  
        return super.onTouchEvent(ev); 
    } 
  
    /** 
     * 是否把滚动事件交给父scrollview 
     *  
     * @param flag 
     */
    private void setParentScrollAble(boolean flag) { 
  
        parentScrollView.requestDisallowInterceptTouchEvent(!flag); 
    } 
  
}

四、RecyclerView嵌套滚动问题()

问题:如果直接在垂直滚动的 View 里面使用水平滚动的 View,则滚动操作并不是很流畅。
原因:RecyclerView 使用的是垂直滚动的 LinearLayoutManager 布局管理器,而里面每个 Item 为另外一个 RecyclerView 使用的是水平滚动的 LinearLayoutManager。而在 Android系统的事件分发 中,即使最上层的 View 只能垂直滚动,当用户水平拖动的时候,最上层的 View 依然会拦截点击事件。下面是 RecyclerView.java 中 onInterceptTouchEvent 的相关代码:

@Override
public boolean onInterceptTouchEvent(MotionEvent e) {  
  ...
 
  switch (action) {
    case MotionEvent.ACTION_DOWN:
        ...
 
    case MotionEvent.ACTION_MOVE: {
        ...
 
        if (mScrollState != SCROLL_STATE_DRAGGING) {
          boolean startScroll = false;
          if (canScrollHorizontally && Math.abs(dx) > mTouchSlop) {
            ...
            startScroll = true;
          }
          if (canScrollVertically && Math.abs(dy) > mTouchSlop) {
            ...
            startScroll = true;
          }
          if (startScroll) {
            setScrollState(SCROLL_STATE_DRAGGING);
          }
      }
    } break;
      ...
 
  }
  return mScrollState == SCROLL_STATE_DRAGGING;
}

注意上面的 if 判断:

if(canScrollVertically && Math.abs(dy) > mTouchSlop) {...}  

RecyclerView 并没有判断用户拖动的角度, 只是用来判断拖动的距离是否大于滚动的最小尺寸。 如果是一个只能垂直滚动的 View,这样实现是没有问题的。如果我们在里面再放一个 水平滚动的 RecyclerView ,则就出现问题了。

可以通过如下的方式来修复该问题:

if(canScrollVertically && Math.abs(dy) > mTouchSlop && (canScrollHorizontally || Math.abs(dy) > Math.abs(dx))) {...}  

下面是一个完整的实现 BetterRecyclerView.java :

五、垂直RecyclerView嵌套水平RecyclerView

问题:如果用户在快速滑动一个子的水平 RecyclerView,在子 RecyclerView 还在滑动的过程中,如果用户垂直滑动,则是无法垂直滑动的。原因是子 RecyclerView 依然处理了这个垂直滑动事件。

解决办法:针对我们这个嵌套的情况,父 RecyclerView 应该只拦截垂直滚动事件,所以可以这么修改父 RecyclerView:

public class FeedRootRecyclerView extends BetterRecyclerView{  
  public FeedRootRecyclerView(Contextcontext) {
    this(context, null);
  }
 
  public FeedRootRecyclerView(Contextcontext, @Nullable AttributeSetattrs) {
    this(context, attrs, 0);
  }
 
  public FeedRootRecyclerView(Contextcontext, @Nullable AttributeSetattrs, int defStyle) {
    super(context, attrs, defStyle);
  }
 
  @Override
  public void requestDisallowInterceptTouchEvent(boolean disallowIntercept) {
    /* do nothing */
  }
}
ScrollView,ListView,GrideView,RecyclerView,ViewPager等多种view嵌套问题_第1张图片

六、recycleview跟scrollview嵌套问题

问题:scrollview 嵌套recyclerview 时,recyclerview不显示。
解决办法:重写最外层的Scrollview

**  
* @描述 屏蔽 滑动事件  
*/  
public class MyScrollview extends ScrollView {  
    private int downX;  
    private int downY;  
    private int mTouchSlop;  
  
    public MyScrollview(Context context) {  
        super(context);  
        mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();  
    }  
  
    public MyScrollview(Context context, AttributeSet attrs) {  
        super(context, attrs);  
        mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();  
    }  
  
    public MyScrollview(Context context, AttributeSet attrs, int defStyleAttr) {  
        super(context, attrs, defStyleAttr);  
        mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();  
    }  
  
    @Override  
    public boolean onInterceptTouchEvent(MotionEvent e) {  
        int action = e.getAction();  
        switch (action) {  
            case MotionEvent.ACTION_DOWN:  
                downX = (int) e.getRawX();  
                downY = (int) e.getRawY();  
                break;  
            case MotionEvent.ACTION_MOVE:  
                int moveY = (int) e.getRawY();  
                if (Math.abs(moveY - downY) > mTouchSlop) {  
                    return true;  
                }  
        }  
        return super.onInterceptTouchEvent(e);  
    }  
}  

七、ScrollView,ListView,GrideView,RecyclerView嵌套的子布局的点击事件监听不到

原因:子布局的焦点被占用了
解决办法:在 ScrollView最外层的LinearLayout(或RelativeLayout等)的布局里添加一行代码(同理 在RecyclerView的子布局里也是添加这行代码):

android:descendantFocusability="blocksDescendants"

如下:


    
关于android:descendantFocusability的属性

该属性是当一个为view获取焦点时,定义viewGroup和其子控件两者之间的关系。
属性的值有三种:

  • beforeDescendants:viewgroup会优先其子类控件而获取到焦点
  • afterDescendants:viewgroup只有当其子类控件不需要获取焦点时才获取焦点
  • blocksDescendants:viewgroup会覆盖子类控件而直接获得焦点

八、viewpager里面嵌套使用listview或者ExpandableList时,在移出子view时报IllegalArgumentExcept

原因:这个是因为4.0系统对viewpage的兼容问题导致的,因为viewpager在移除listview或者expandableList时会调用一次listview(expandableList)的unregisterDataSetObserver方法,而listview(expandableList)本身也会调用这个方法,解决方法就是复写adapter的unregisterDataSetObserver方法,判断一下如果observer是null就不执行了:

    @Override  
    public void unregisterDataSetObserver(DataSetObserver observer) {  
        if(observer != null)  
            super.unregisterDataSetObserver(observer);  
    }  

九、Scrollview嵌套高度自适应的ViewPager

网上很多办法都是选取ViewPager中最大的一个View的高度来显示,这样会留白,不算是自适应,而我这里很好解决
解决办法:重写ViewPager

public class MeasureViewPage extends ViewPager{

    private int current;
    private int height = 0;

    private boolean scrollble = true;

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

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

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {


        if (getChildCount() > current) {
            View child = getChildAt(current);
            child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
            int h = child.getMeasuredHeight();
            height = h;
        }

        heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    public void resetHeight(int current) {
        //resetHeight()重置viewpager的高度的方法
        this.current = current;
        if (getChildCount() > current) {
            LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();
            if (layoutParams == null) {
                layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, height);
            } else {
                layoutParams.height = height;
            }
            setLayoutParams(layoutParams);
        }
    }


    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        if (!scrollble) {
            return true;
        }
        return super.onTouchEvent(ev);
    }


    public boolean isScrollble() {
        return scrollble;
    }

    public void setScrollble(boolean scrollble) {
        this.scrollble = scrollble;
    }

}

Acitivity中调用如下:

        pager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            }

            @Override
            public void onPageSelected(int position) {
                pager.voidresetHeight(position);
            }

            @Override
            public void onPageScrollStateChanged(int state) {
            }
        });
        pager.voidresetHeight(0);

你可能感兴趣的:(ScrollView,ListView,GrideView,RecyclerView,ViewPager等多种view嵌套问题)