當您停止在android中滾動listview / recyclerview時，如何隱藏或顯示部分隱藏的工具欄/操作欄

Question

因此，在滾動時顯示和隱藏操作欄我使用協調器布局和appbarlayout使用此方法

但是，當我停止滾動工具欄中間的列表被隱藏或顯示時，它停留在那里，只有部分工具欄可見。

我想要做的是根據可見工具欄的百分比使工具欄完全顯示或隱藏。

有沒有辦法可以使用協調器布局和appbarlayout實現這一點？

Answer 1

編輯 - 只需獲得23.1.0設計庫並在ToolBar布局中添加“| snap”屬性：

<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

       <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_scrollFlags="scroll|enterAlways|snap />
       -----
       -----

所以你不需要使用以下代碼：

您是否嘗試將layout_behaviour屬性添加到AppBarLayout？

app:layout_behavior="AppBarLayoutSnapBehavior"

然后你需要創建類“AppBarLayoutSnapBehavior”：

public class AppBarLayoutSnapBehavior extends AppBarLayout.Behavior {

private ValueAnimator mAnimator;
private boolean mNestedScrollStarted = false;

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

@Override
public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child,
                                   View directTargetChild, View target, int nestedScrollAxes) {
    mNestedScrollStarted = super.onStartNestedScroll(coordinatorLayout, child, directTargetChild, target, nestedScrollAxes);
    if (mNestedScrollStarted && mAnimator != null) {
        mAnimator.cancel();
    }
    return mNestedScrollStarted;
}

@Override
public void onStopNestedScroll(CoordinatorLayout coordinatorLayout, AppBarLayout child, View target) {
    super.onStopNestedScroll(coordinatorLayout, child, target);

    if (!mNestedScrollStarted) {
        return;
    }

    mNestedScrollStarted = false;

    int scrollRange = child.getTotalScrollRange();
    int topOffset = getTopAndBottomOffset();

    if (topOffset <= -scrollRange || topOffset >= 0) {
        // Already fully visible or fully invisible
        return;
    }

    if (topOffset < -(scrollRange / 2f)) {
        // Snap up (to fully invisible)
        animateOffsetTo(-scrollRange);
    } else {
        // Snap down (to fully visible)
        animateOffsetTo(0);
    }
}

private void animateOffsetTo(int offset) {
    if (mAnimator == null) {
        mAnimator = new ValueAnimator();
        mAnimator.setInterpolator(new DecelerateInterpolator());
        mAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                setTopAndBottomOffset((int) animation.getAnimatedValue());
            }
        });
    } else {
        mAnimator.cancel();
    }

    mAnimator.setIntValues(getTopAndBottomOffset(), offset);
    mAnimator.start();
}

應該適合你。

Answer 2

我有部分解決方案。 在您的recyclerview中添加onScrollListener，在param中添加AppBarLayout

public class ImprovedScrollListener extends RecyclerView.OnScrollListener {

private WeakReference<AppBarLayout> mAppBarLayout;

public ImprovedScrollListener(AppBarLayout appBarLayout) {
    mAppBarLayout = new WeakReference<>(appBarLayout);
}

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

    if (newState == RecyclerView.SCROLL_STATE_IDLE && mAppBarLayout.get() != null) {

        if (!recyclerView.canScrollVertically(-1) && !recyclerView.canScrollVertically(1)) {
            /// TODO: 21.10.2015  handle this state
        }else if(!recyclerView.canScrollVertically(-1)){
            mAppBarLayout.get().setExpanded(true, true);
        } else {
            mAppBarLayout.get().setExpanded(false, true);
        }
    }
}

}

這將適用於可以滾動的recyclerviews，當recyclerview不可滾動時，這仍然表現得很難看（參見代碼中的TODO）。 如果有人為此案找到解決方案，請告訴我

Answer 3

在AppBarLayout和cordinationLayout中設置工具欄本身將負責隱藏和顯示actionBar

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:id="@+id/cordinationLayout"
android:layout_height="match_parent">


<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">


    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

</android.support.design.widget.AppBarLayout>

</android.support.design.widget.CoordinatorLayout>