Показывать, когда панель инструментов сворачивается
У меня есть активность с CoordinatorLayout
, AppBarLayout
, CollapsingToolbarLayout
и Toolbar
. Итак, в основном, представление, которое сворачивается при прокрутке RecyclerView
.
Что мне нужно сделать, так это показать пользовательский вид, когда вид расширенного макета скрыт из-за смятия.
Это мой макет:
<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:fitsSystemWindows="true">
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="192dp"
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="#2196F3"
app:expandedTitleMarginBottom="32dp"
app:expandedTitleMarginEnd="64dp"
app:expandedTitleMarginStart="48dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<include
android:id="@+id/header"
layout="@layout/header_big_first_screen"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:scaleType="centerCrop"
app:layout_collapseMode="parallax"/>
<android.support.v7.widget.CollapsingToolbarLayout
android:id="@+id/anim_toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="Hello!"/>
</android.support.v7.widget.CollapsingToolbarLayout>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v7.widget.RecyclerView
android:id="@+id/categories_recyclerview"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
</android.support.design.widget.CoordinatorLayout>
В конце, когда панель инструментов развернута, отображается представление, загруженное с помощью элемента. Когда он рухнет, это не так. Когда он исчезает, следует отобразить TextView
внутри Toolbar
. В настоящее время он показывает все время.
Я искал события CollapsingToolbarLayout
, чтобы добавить слушателя, когда он меняет размер, поэтому я могу проверить, меньше ли это значения и показать это представление.
Это может быть довольно сложно объяснить, но я считаю, что я ясно дал понять. Я искал поиски и не мог найти никого, пытающегося сделать то же самое.
Ответы
Ответ 1
Взглянув на источник CollapsingToolbarLayout
, анимации сглаживания контента запускаются через OnOffsetChangedListener
на AppBarLayout
. Таким образом, вы можете добавить еще один, чтобы вызвать альфа-анимацию в текстовом виде:
mListener = new AppBarLayout.OnOffsetChangedListener() {
@Override
public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
if(collapsingToolbar.getHeight() + verticalOffset < 2 * ViewCompat.getMinimumHeight(collapsingToolbar)) {
hello.animate().alpha(1).setDuration(600);
} else {
hello.animate().alpha(0).setDuration(600);
}
}
};
appBar.addOnOffsetChangedListener(mListener);