android中viewpager,scrollview、listview的嵌套问题

转载 2014年01月16日 19:08:25

转 

google官方是不提倡在UI中嵌套可滚动控件,如ScrollView,ViewPager等,但有时候为了实现一定的效果也不得不用,其实很多知名App都是这样弄的。下面是我总结的两种嵌套情形。

一.当ScrollView中嵌套ViewPager的情形

这种比较常见,一般是在界面的最顶部放置一个ViewPager,用来展示图片还有一些文字说明,下面则是List,像之前版本的网易新闻客户端就是这样的效果。List滚动的同时ViewPager也会跟着滚动,这时候就要用到ScrollView中嵌套ViewPager。

由于ScrollView是垂直滚动的,ViewPager是水平滑动的。当在ViewPager上滑动的时候,如果在水平方向上的偏移量较垂直方向上的偏移量不是太大的时候,会有明显的ScrollView滚动问题,很影响用户体验。解决的方法我总结了两种:

1.用自定义ScrollView,通过覆写dispatchTouchEvent,onInterceptTouchEvent,onTouchEvent等方法,来人为的控制TouchEvent。于是在网上搜了下,从点击打开链接找到了一个方法。覆写ScrollView的onInterceptTouchEvent方法,通过对水平和垂直方向上的偏移量进行计算,让ScrollView决定是拦截TouchEvent还是传递给子View。试了下,效果挺好的,代码如下:

[java] view plaincopy
  1. @Override    
  2.     public boolean onInterceptTouchEvent(MotionEvent ev) {  
  3.           
  4.         switch (ev.getAction()) {    
  5.             case MotionEvent.ACTION_DOWN:    
  6.                 xDistance = yDistance = 0f;    
  7.                 xLast = ev.getX();    
  8.                 yLast = ev.getY();    
  9.                 break;    
  10.             case MotionEvent.ACTION_MOVE:    
  11.                 final float curX = ev.getX();    
  12.                 final float curY = ev.getY();    
  13.                     
  14.                 xDistance += Math.abs(curX - xLast);    
  15.                 yDistance += Math.abs(curY - yLast);    
  16.                 xLast = curX;    
  17.                 yLast = curY;    
  18.                     
  19.                 if(xDistance > yDistance){    
  20.                     return false;    
  21.                 }      
  22.         }  
  23.     
  24.         return super.onInterceptTouchEvent(ev);    
  25.     }  
2.自定义ViewPager,覆写dispatchTouchEvent方法。该方法来自:点击打开链接代码如下:

[java] view plaincopy
  1. boolean ret = super.dispatchTouchEvent(ev);  
  2.           if(ret)   
  3.           {  
  4.             requestDisallowInterceptTouchEvent(true);  
  5.           }  
  6.           return ret;  
当ret为true时,就设置不要父控件及祖先控件不允许拦截TouchEvent。该请求会被传递给该ViewPager的所有父控件。并且会持续从ACTION_DOWN到ACTION_UP整个过程。我感觉这种方法也简单些,效果也很好。


二.ViewPager中嵌套ScrollView,ScrollView中嵌套ViewPager

这种情况下,在ScrollView中嵌套的子ViewPager上滑动的时候该ViewPager并不会切换,而是切换父ViewPager。这时候,只能自定义ViewPager了,方法跟情形一中的第二种方法是一样的,效果也挺好的。使该子ViewPager获得TouchEvent而不传递给父及祖先控件。

相关文章推荐

Android在ScrollView中嵌套ViewPager以及ListView的可能出现的问题以及解决方案

我们在实际开发一个款Android App时,经常会遇到如下图所示的需求: 从上面gif图片可以看出,在一个页面的最上方有一个首页轮播的效果,在首页轮播的下方又会有一个ListView或者是G...

Android中Scrollview、ViewPager、ListView冲突问题 (亲测可用)

http://fine36.blog.163.com/blog/static/189251005201521194330347/

ScrollView嵌套ListView,GridView,ViewPager,以及这些控件自动滚动到底部问题的解决

Google是不推荐在ScrollView 中放入一个可滚动的菜单的,比如放置一个ListView、GridView、ViewPager这些控件的,尽量不要让两者嵌套,但有时候还是有这个需求,先不管它...

Android:ScrollView中嵌套ViewPager和ListView示例

引言:我们在实际开发一个款Android App时,经常会遇到Scrollview和ViewPager和ListView同时使用的场景,如下图所示的需求: 下面我们通过代码来模拟一下这种场景:布局文...
  • iblade
  • iblade
  • 2016年03月30日 17:14
  • 3028

Android ViewPager、ScrollView或ListView嵌套WebView滑动冲突

Android ViewPager、ScrollView或ListView嵌套WebView滑动冲突解决方案保留WebView的滚动,当WebView滚动到边界时ListView或ScrollView...

android ScrollView嵌套ListView自动滑动到底部,嵌套ViewPager出现的滑动冲突以及监听滑动停止

1、解决嵌套ListView自动滑动到底部问题 2、解决ScrollView嵌套ViewPager出现的滑动冲突问题 3、监听滑动事件 4、监听滑动停止...

android中viewpager,scrollview的嵌套问题

google官方是不提倡在UI中嵌套可滚动控件,如ScrollView,ViewPager等,但有时候为了实现一定的效果也不得不用,其实很多知名App都是这样弄的。下面是我总结的两种嵌套情形。 ...

ScrollView嵌套ViewPager和ListView

  • 2016年06月25日 13:30
  • 607KB
  • 下载

安卓解决viewPager和scrollView和listView滑动冲突的问题

大家想想listView的实现方式 就是一个item一个item 添加到一个布局中, 那么LinearLayout可不可以像ListView 那样 往里面添加item  答案是可以的 我们先...
  • king866
  • king866
  • 2015年08月08日 11:08
  • 1209
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:android中viewpager,scrollview、listview的嵌套问题
举报原因:
原因补充:

(最多只允许输入30个字)