CoordinatorLayout快速滑动,回退现象优化

项目中首页,商品详情部分界面采用的是 CoordinatorLaout+ AppBarLayout 实现的
开发完成,发现滑动界面,快速滑动的时候,会出现回退到顶部现象,
长图
在这里插入图片描述

处理之后,快速滑动回退现象有点改善,但是没有彻底解决问题。

步骤一:XML文件的


```java
        <android.support.design.widget.AppBarLayout
                    android:id="@+id/appBarLayout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@color/white"
                    app:layout_behavior="com.redshop.hrcommon.view.TestBehavior">

TestBehavi


```java
public class TestBehavior extends AppBarLayout.Behavior {

    private static final int TYPE_FLING = 1;

    private boolean isFlinging;
    private boolean shouldBlockNestedScroll;

    public TestBehavior() {
    }

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

    @Override
    public boolean onInterceptTouchEvent(CoordinatorLayout parent, AppBarLayout child, MotionEvent ev) {
        Log.i("TestBehavior", "onInterceptTouchEvent:" + child.getTotalScrollRange());
        shouldBlockNestedScroll = false;
        if (isFlinging) {
            shouldBlockNestedScroll = true;
        }
        return super.onInterceptTouchEvent(parent, child, ev);
    }

    @Override
    public void onNestedPreScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child, View target, int dx, int dy, int[] consumed, int type) {
        //注意看ViewCompat.TYPE_TOUCH
        Log.i("TestBehavior", "onNestedPreScroll:" + child.getTotalScrollRange() + " ,dx:" + dx + " ,dy:" + dy + " ,type:" + type);

        //返回1时,表示当前target处于非touch的滑动,
        //该bug的引起是因为appbar在滑动时,CoordinatorLayout内的实现NestedScrollingChild2接口的滑动子类还未结束其自身的fling
        //所以这里监听子类的非touch时的滑动,然后block掉滑动事件传递给AppBarLayout
        if (type == TYPE_FLING) {
            isFlinging = true;
        }
        if (!shouldBlockNestedScroll) {
            super.onNestedPreScroll(coordinatorLayout, child, target, dx, dy, consumed, type);
        }
    }

    @Override
    public void onNestedScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child, View target, int dxConsumed, int dyConsumed, int
            dxUnconsumed, int dyUnconsumed, int type) {
        Log.i("TestBehavior", "onNestedScroll: target:" + target.getClass() + " ," + child.getTotalScrollRange() + " ,dxConsumed:"
                + dxConsumed + " ,dyConsumed:" + dyConsumed + " " + ",type:" + type);
        if (!shouldBlockNestedScroll) {
            super.onNestedScroll(coordinatorLayout, child, target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed, type);
        }
    }

    @Override
    public void onStopNestedScroll(CoordinatorLayout coordinatorLayout, AppBarLayout abl, View target, int type) {
        super.onStopNestedScroll(coordinatorLayout, abl, target, type);
        isFlinging = false;
        shouldBlockNestedScroll = false;
    }
}

这里简单记录一下

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
发生滑动冲突时,可以通过设置 CoordinatorLayout 的 Behavior 来解决。在滑动事件分发时,先经过 CoordinatorLayout 的 Behavior 处理,再由子 View 处理。所以,我们可以为 CoordinatorLayout 设置一个 Behavior,在 Behavior 中重写 onInterceptTouchEvent 和 onTouchEvent 方法,来处理滑动冲突。 具体的做法是,在 CoordinatorLayout 的 Behavior 中,先判断是否是横向滑动,如果是,则拦截事件,让 CoordinatorLayout 处理滑动事件;否则,不拦截事件,让子 View 处理滑动事件。代码示例如下: ```java public class MyBehavior extends CoordinatorLayout.Behavior<View> { private int mLastX; private int mLastY; @Override public boolean onInterceptTouchEvent(CoordinatorLayout parent, View child, MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: mLastX = (int) ev.getX(); mLastY = (int) ev.getY(); break; case MotionEvent.ACTION_MOVE: int x = (int) ev.getX(); int y = (int) ev.getY(); int dx = x - mLastX; int dy = y - mLastY; if (Math.abs(dx) > Math.abs(dy)) { // 如果是横向滑动,则拦截事件,让 CoordinatorLayout 处理滑动 return true; } break; } return super.onInterceptTouchEvent(parent, child, ev); } @Override public boolean onTouchEvent(CoordinatorLayout parent, View child, MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: mLastX = (int) ev.getX(); mLastY = (int) ev.getY(); break; case MotionEvent.ACTION_MOVE: int x = (int) ev.getX(); int y = (int) ev.getY(); int dx = x - mLastX; int dy = y - mLastY; if (Math.abs(dx) > Math.abs(dy)) { // 如果是横向滑动,则让 CoordinatorLayout 处理滑动 parent.onTouchEvent(ev); return true; } break; } return super.onTouchEvent(parent, child, ev); } } ``` 然后,在布局文件中,将要包含 overScroll 控件的父布局设置为 CoordinatorLayout,并设置 MyBehavior。 ```xml <android.support.design.widget.CoordinatorLayout android:layout_width="match_parent" android:layout_height="match_parent"> <com.example.overscroll.OverScrollLayout android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="com.example.MyBehavior"> <!-- 此处放置 overScroll 控件和其他子 View --> </com.example.overscroll.OverScrollLayout> </android.support.design.widget.CoordinatorLayout> ``` 这样,就可以解决 CoordinatorLayout 和 overScroll 控件之间的滑动冲突,优先响应 CoordinatorLayout滑动了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值