Android AppCompat-v21工具栏动画

Question

我想使用新的Android工具栏模式而不是ActionBar。 我从appCompat v21添加了一个工具栏作为SupportActionBar，现在，我想在滚动listView项目时用动画隐藏/显示它。 之前，我使用方法：actionBar.show（）和actionBar.hide（）并自动设置动画。但是现在，在工具栏中它隐藏并显示没有任何动画。 我该怎么办???

活动布局：

<include
    layout="@layout/toolbar_actionbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="@dimen/actionbar_margin" />

工具栏布局：

<android.support.v7.widget.Toolbar   
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"

android:id="@+id/toolbarActionbar_T_actionToolbar"

android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="?attr/actionBarSize"

android:background="?attr/colorPrimary"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

活动Java：

actionToolbar = (Toolbar) findViewById(R.id.toolbarActionbar_T_actionToolbar);
setSupportActionBar(actionToolbar);

截图：

Answer 1

您需要的是滚动侦听器。它会检测您是向上还是向下滚动，并相应地隐藏或显示工具栏。也称为“Quick Return”模式。

除了使用hide（）和show（）方法之外，对于动画，你必须这样做：

隐藏：

toolbarContainer.animate().translationY(-toolbarHeight).setInterpolator(new AccelerateInterpolator(2)).start();

显示工具栏：

 toolbarContainer.animate().translationY(0).setInterpolator(new DecelerateInterpolator(2)).start();

为了进一步阅读，你可以参考这个tutorial。它讨论了一个浮动动作按钮，但它与工具栏的动画相同。或者在GitHub找到它的代码。

您可以在没有任何外部库的情况下完成此操作。 ： - ）

更新

您不再需要手动维护任何侦听器。 Android的Design Support库使您可以使用纯XML执行此操作。

以下是启用快速返回的XML代码段：

<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:layout_height="match_parent">

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

    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:layout_scrollFlags="scroll|enterAlways" />

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

<android.support.v7.widget.RecyclerView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

关键在于这一行：

app:layout_scrollFlags="scroll|enterAlways"

您可以阅读有关使用设计支持库here实现快速返回的更多信息。

Answer 2

在xml中添加以下行，该行是工具栏的父级。

android:animateLayoutChanges="true"