最近有個需求要做類似UC、今日頭條標題欄吸附懸停效果，相信大家會用CoordinatorLayout+AppBarLayout來實現，於是加入了專案中，效果是實現了，玩得很愉快，可是玩了一會發現一個原生的bug，問題描述如下：

用手指輕輕滑動CoordinatorLayout部分(, 上滑, 快速擡起手指, 形成一個fling操作. 其實就是向上滑動一下.這時, 整個CoordinatorLayout部分會向上移動(fling), 在停止移動之前, 在下面的白色區域(也就是xml佈局中的NestedScrollView)來一個反向的滑動(fling) , 這時整個頁面就會開始或大或小的抖動, 非常明顯.

螢幕錄製如下：

解決問題的方法如下：

自定義AppBarLayout的Behavior程式碼:

/**
 * 自定義AppBarLayout的Behavior解決華為手機6.0系統抖動問題
 */
public class CustomBehavior extends AppBarLayout.Behavior {
    private OverScroller mScroller;

    public CustomBehavior() {
    }

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

    /**
     * 反射獲得滑動屬性。
     *
     * @param context
     */
    private void getParentScroller(Context context) {
        if (mScroller != null) return;
        mScroller = new OverScroller(context);
        try {
            Class<?> reflex_class = getClass().getSuperclass().getSuperclass();//父類AppBarLayout.Behavior父類的父類HeaderBehavior
            Field fieldScroller = reflex_class.getDeclaredField("mScroller");
            fieldScroller.setAccessible(true);
            fieldScroller.set(this, mScroller);
        } catch (Exception e) {
        }
    }

    //fling上滑appbar然後迅速fling下滑recycler時, HeaderBehavior的mScroller並未停止, 會導致上下來回晃動
    @Override
    public void onNestedPreScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child, View target, int dx, int dy, int[] consumed, int type) {
        if (mScroller != null) { //當recyclerView 做好滑動準備的時候 直接幹掉Appbar的滑動
            if (mScroller.computeScrollOffset()) {
                mScroller.abortAnimation();
            }
        }
        if (type == ViewCompat.TYPE_NON_TOUCH && getTopAndBottomOffset() == 0) { //recyclerview的慣性比較大 ,會頂在頭部一會兒, 到頭直接幹掉它的滑動
            ViewCompat.stopNestedScroll(target, type);
        }
        super.onNestedPreScroll(coordinatorLayout, child, target, dx, dy, consumed, type);
    }

    @Override
    public boolean onTouchEvent(CoordinatorLayout parent, AppBarLayout child, MotionEvent e) {

        switch (e.getActionMasked()) {
            case MotionEvent.ACTION_DOWN:
                break;
        }

        return super.onTouchEvent(parent, child, e);
    }

 

在佈局中的使用方法如下：

大家可以親自體驗下沒有加自定義的Behavior會出現啥問題，最後放上完整程式碼地址