| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
ee5100
8年前发布

ScrollView 嵌套 RecyclerVeiw, 轻松解决滑动冲突

   <p style="text-align:center"><img src="https://simg.open-open.com/show/90d9a0a526b6cc0c9daec956f5ce6337.jpg"></p>    <p>过场背景</p>    <h3>滑动冲突</h3>    <p>在开发android中, 滑动冲突是一常见的事件冲突。</p>    <p>列如:在scrollView中嵌套listView 或 recyclerView。</p>    <p>由于这2种视图都可以滑动,就会导致父视图拦截了滑动事件,从而导致子视图获取不到滑动事件。</p>    <h3>如何解决</h3>    <p>第一种: 清晰的了解android的事件分发机制,在各个view的拦截事件中做相应的处理。</p>    <p>第二种:android在Lollipop之后为滑动机制提供了NestedScrolling特性,可以使用NestedScrollingChild和NestedScrollingParent 来解决滑动冲突。</p>    <p>今天我们主要来讲第二种实现方式。</p>    <p>我们先看下他们的方法对应的关系:</p>    <table>     <thead>      <tr>       <th>子view</th>       <th>父view</th>      </tr>     </thead>     <tbody>      <tr>       <td>startNestedScroll</td>       <td>onStartNestedScroll、onNestedScrollAccepted</td>      </tr>      <tr>       <td>dispatchNestedPreScroll</td>       <td>onNestedPreScroll</td>      </tr>      <tr>       <td>dispatchNestedScroll</td>       <td>onNestedScroll</td>      </tr>      <tr>       <td>stopNestedScroll</td>       <td>onStopNestedScroll</td>      </tr>     </tbody>    </table>    <p>一般是子View发起,父view接受回调。</p>    <p>首先,我们先了解做为子view的RecyclerView是如何实现和调用NestedScrollingChild接口中的方法。</p>    <p>我们来看看reyclerView的onTouch()方法:</p>    <pre>  <code class="language-java">public class RecyclerView extends ViewGroup implements ScrollingView, NestedScrollingChild {   .......      @Override      public boolean onTouchEvent(MotionEvent e) {        .......            if (action == MotionEvent.ACTION_DOWN) {              mNestedOffsets[0] = mNestedOffsets[1] = 0;          }          vtev.offsetLocation(mNestedOffsets[0], mNestedOffsets[1]);            switch (action) {              .......              case MotionEvent.ACTION_MOVE: {                  .......                  int dx = mLastTouchX - x;                  int dy = mLastTouchY - y;                    //在recyclerView进行滑动之前,会先调用dispatchNestedPreScroll来判断父view是否需要处理                  if (dispatchNestedPreScroll(dx, dy, mScrollConsumed, mScrollOffset)) {                      // 这里主要对mScrollOffset数组赋值, mScrollConsumed[0]代表父View 在x坐标消耗的滑动                      //的数值,mScrollConsumed[1]表示父View在Y轴消耗的滑动数值                      dx -= mScrollConsumed[0];                      dy -= mScrollConsumed[1];                      vtev.offsetLocation(mScrollOffset[0], mScrollOffset[1]);                      // Updated the nested offsets                      mNestedOffsets[0] += mScrollOffset[0];                      mNestedOffsets[1] += mScrollOffset[1];                  }                    .......          }          .......            return true;      }  }   .......</code></pre>    <p>我们发现recyclerView在滑动之前会调用dispatchNestedPreScroll方法来判断是否有实现NestedScrollingParent 的父View处理。有的话就会执行里方法,减去父View已经消耗的滑动值。</p>    <p>OK 现在我们了解这些,可以正式进入我们的主题了。</p>    <p>如何快速的解决在scrollView中嵌套RecyclerVeiw的事件冲突?</p>    <p>我们可以看到,recylcerView已经实现了NestedScrollingChild 接口, 所以我们只需要自定义scrollView。我们只要让scrollVeiw实现NestedScrollingParent,在recyclerView发起调用时做相应的操作就可以了。</p>    <p>看下我是如何实现的:</p>    <pre>  <code class="language-java">package eebochina.com.testtechniques.nestedScroll;    import android.content.Context;  import android.support.v4.view.NestedScrollingParent;  import android.support.v7.widget.RecyclerView;  import android.util.AttributeSet;  import android.view.View;  import android.widget.ScrollView;    /**   * Created by User on 2017/1/17.   */  public class NestedParent extends ScrollView implements NestedScrollingParent {        //方便测试先固定。      private int maxHeight = 464;      private RecyclerView mRecyclerView;        public NestedParent(Context context) {          super(context);      }        public NestedParent(Context context, AttributeSet attrs) {          super(context, attrs);      }        public NestedParent(Context context, AttributeSet attrs, int defStyleAttr) {          super(context, attrs, defStyleAttr);      }          public void setMaxHeight(int maxHeight) {          this.maxHeight = maxHeight;      }        @Override      public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes) {          return super.onStartNestedScroll(child, target, nestedScrollAxes);      }        @Override      public void onNestedScrollAccepted(View child, View target, int axes) {          super.onNestedScrollAccepted(child, target, axes);      }        @Override      public void onStopNestedScroll(View target) {          super.onStopNestedScroll(target);      }        @Override      public void onNestedScroll(View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {          super.onNestedScroll(target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed);      }        @Override      public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed) {          return consumed;      }        //返回true代表父view消耗滑动速度,子View将不会滑动      @Override      public boolean onNestedPreFling(View target, float velocityX, float velocityY) {          if (null == mRecyclerView) mRecyclerView = (RecyclerView) target;          if (mRecyclerView.computeVerticalScrollOffset() != 0) {              return false;          }          this.fling((int) velocityY);          return true;      }        //对应子view 的dispatchNestedPreScroll方法, 最后一个数组代表消耗的滚动量,下标0代表x轴,下标1代表y轴      @Override      public void onNestedPreScroll(View target, int dx, int dy, int[] consumed) {          //判断是否滚动到最大值          if ( dy >= 0 && this.getScrollY() < maxHeight) {              if (null == mRecyclerView) mRecyclerView = (RecyclerView) target;              //计算RecyclerView的偏移量, 等于0的时候说明recyclerView没有滑动,否则应该交给recyclerView自己处理              if (mRecyclerView.computeVerticalScrollOffset() != 0) return;              this.smoothScrollBy(dx, dy);              consumed[1] = dy; //consumed[1]赋值为 dy ,代表父类已经消耗了改滚动。          }      }  }</code></pre>    <p>代码非常少,主要是实现了NestedScrollingParent方法,并在滑动和滚动的方法进行处理。</p>    <p>主要逻辑也进行了相应的注释,最大值为了方便测试现也写了一个固定值,也预留了赋值方法。</p>    <p>我们看下效果图:</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/71b83024d8d8c73765ad79be6d707c33.gif"></p>    <p style="text-align:center">nestedScroll.gif</p>    <p>完整代码地址:</p>    <p><a href="/misc/goto?guid=4959742119623481955" rel="nofollow,noindex">https://github.com/hu5080126/SimpleExample/tree/master/nestedScrollView/src</a></p>    <p>到这里已经写完了, 希望可以帮到大家。 ( 如果能去了解事件的分发机制那肯定是最好的)</p>    <p>大家有什么好的建议,欢迎提出。</p>    <p> </p>    <p>来自:http://www.jianshu.com/p/a4484468d334</p>    <p> </p>    
 本文由用户 ee5100 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1489736386583.html
Android开发 移动开发 ScrollView RecyclerView