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

私は部分的な解決策を持っています。recyclerview に 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);
        }
    }
}

}

これは、スクロール可能な recyclerview に対しては機能しますが、recyclerview がスクロール可能でない場合は、これは依然として醜い動作をします (コード内の TODO を参照)。誰かがこのケースの解決策を見つけたら教えてください

于 2015-10-21T11:37:17.320 に答える
0

AppBarLayout と cordinationLayout 内で 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 に答える