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

你需要的是一个滚动监听器.它会检测您是向上还是向下滚动,并相应地隐藏或显示工具栏.也称为" 快速返回 "模式.

除了使用hide()和show()方法之外,对于动画,你必须这样做:

隐藏:

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

用于显示工具栏:

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

有关进一步阅读,您可以参考本教程.它讨论了一个浮动操作按钮,但它与工具栏的动画相同.或者在GitHub上找到它的代码.

没有任何外部库,您可以非常简单地完成此操作.:-)

UPDATE

您不再需要手动维护任何侦听器.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"

您可以在此处阅读有关使用Design Support库实现Quick Return的更多信息.

Answer 2

在工具栏的父级xml中添加以下行.

android:animateLayoutChanges="true"