CoordinatorLayout：隱藏/顯示半可見工具欄？

Question

我希望獲得與您在Google Play商店中看到的效果相似的效果，通過滾動內容，滾動時Toolbar會離開屏幕。

這適用於＃io15中引入的CoordinatorLayout （ 1 ），但是：如果你停止滾動“中途”，工具欄仍然在屏幕上，但被切成兩半：我希望它在屏幕外動畫，就像在Google Play商店。 我怎樣才能做到這一點？

Answer 1

現在Android支持庫23.1.0有一個新的滾動標志SCROLL_FLAG_SNAP ，它允許您實現此效果。

AppBarLayout支持許多滾動標志，這些標志會影響子視圖對滾動的反應（例如滾動屏幕）。 此版本的新功能是SCROLL_FLAG_SNAP，確保滾動結束時視圖不會部分可見。 相反，它將滾動到最近的邊緣，使其完全可見或完全滾動屏幕。

Answer 2

活動布局文件：

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingTop="?attr/actionBarSize"
        android:clipToPadding="false"/>

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"/>

</FrameLayout>

現在在活動內部，設置工具欄和RecyclerView。 將OnScrollListener分配給RecyclerView

 recyclerView.setOnScrollListener(new MyScrollListener(this));

從RecyclerView.OnScrollListener擴展MyScrollListerner。

public abstract class MyScrollListener extends RecyclerView.OnScrollListener {

    private static final float TOOLBAR_HIDE_THRESHOLD = 10;
    private static final float TOOLBAR_SHOW_THRESHOLD = 70;

    private int mToolbarOffset = 0;
    private boolean mControlsVisible = true;
    private int mToolbarHeight;
    private int mTotalScrolledDistance;

    public MyScrollListener(Context context) {

        final TypedArray styledAttributes = context.getTheme().obtainStyledAttributes(
                new int[]{R.attr.actionBarSize});
        mToolbarHeight = (int) styledAttributes.getDimension(0, 0);
        styledAttributes.recycle();

        return toolbarHeight;
        mToolbarHeight = Utils.getToolbarHeight(context);
    }

    @Override
    public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
        super.onScrollStateChanged(recyclerView, newState);

        if(newState == RecyclerView.SCROLL_STATE_IDLE) {
            if(mTotalScrolledDistance < mToolbarHeight) {
                setVisible();
            } else {
                if (mControlsVisible) {
                    if (mToolbarOffset > TOOLBAR_HIDE_THRESHOLD) {
                        setInvisible();
                    } else {
                       setVisible();
                    }
                } else {
                    if ((mToolbarHeight - mToolbarOffset) > TOOLBAR_SHOW_THRESHOLD) {
                        setVisible();
                    } else {
                        setInvisible();
                    }
                }
            }
        }
    }

        @Override
    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);
        clipToolbarOffset();
        onMoved(mToolbarOffset);

        if((mToolbarOffset <mToolbarHeight && dy>0) || (mToolbarOffset >0 && dy<0)) {
            mToolbarOffset += dy;
        }
        if (mTotalScrolledDistance < 0) {
            mTotalScrolledDistance = 0;
        } else {
            mTotalScrolledDistance += dy;
        }
    }

    private void clipToolbarOffset() {
     if(mToolbarOffset > mToolbarHeight) {
         mToolbarOffset = mToolbarHeight;
       } else if(mToolbarOffset < 0) {
            mToolbarOffset = 0;
        }
    }

    private void setVisible() {
        if(mToolbarOffset > 0) {
            onShow();
            mToolbarOffset = 0;
        }
        mControlsVisible = true;
    }

    private void setInvisible() {
        if(mToolbarOffset < mToolbarHeight) {
            onHide();
            mToolbarOffset = mToolbarHeight;
        }
        mControlsVisible = false;
    }

    public abstract void onMoved(int distance);
    public abstract void onShow();
    public abstract void onHide();
}

Answer 3

覆蓋AppBarLayout似乎是一個更好的解決方案，因為有兩個可能的滾動事件 - 整個CoordinatorLayout和RecyclerView / NestedScrollView

請將此答案視為可能的工作代碼： https ： //stackoverflow.com/a/32110089/819355