1

因此，为了在滚动时显示和隐藏操作栏，我使用了这种方法 ，使用协调器布局和 appbarlayout

但是，当我停止滚动隐藏或显示工具栏中间的列表时，它会停留在那里，并且只有部分工具栏可见。

我想要做的是根据工具栏可见的百分比使工具栏完全显示或隐藏。

有没有办法使用协调器布局和 appbarlayout 来实现这一点？

4

3 回答 3

2

编辑 - 只需获取 23.1.0 设计库并将“|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();
}

应该为你工作。

于 2015-10-14T10:26:36.713 回答
1

我有部分解决方案。在您的回收站视图中添加 onScrollListener 波纹管，在参数中使用 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）。如果有人找到此案的解决方案，请告诉我

于 2015-10-21T11:37:17.320 回答
0

在 AppBarLayout 和 corinationLayout 中设置 Toolbar 本身将负责隐藏和显示 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>
于 2015-09-03T19:10:56.017 回答