Ocultar la vista del medio primero en el diseño del coordinador

Tengo un diseño como sigue

  • Layout1
  • Layout2
  • ScrollView

Cuando desplácese necesito Layout2 desaparecer primero entonces Layout1. Por ejemplo, mira la siguiente vista del medio gif desaparece primero y luego la vista superior desaparece. Sospecho que necesito algún código de comportamiento personalizado pero no sé por dónde empezar.

Introduzca aquí la descripción de la imagen

Aquí está mi xml actual

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context="com.example.chamoda.coordinatelayoutdemo.ScrollingActivity"> <android.support.design.widget.AppBarLayout android:id="@+id/app_bar" android:layout_width="match_parent" android:layout_height="180dp" android:fitsSystemWindows="true" android:theme="@style/AppTheme.AppBarOverlay"> <LinearLayout android:layout_width="match_parent" android:layout_height="90dp" android:background="@color/colorAccent" app:layout_scrollFlags="scroll" > </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="90dp" android:background="@color/colorPrimary" app:layout_scrollFlags="scroll" > </LinearLayout> </android.support.design.widget.AppBarLayout> <android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" tools:context="com.example.chamoda.coordinatelayoutdemo.ScrollingActivity" tools:showIn="@layout/activity_scrolling"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="@dimen/text_margin" android:text="@string/large_text" /> </android.support.v4.widget.NestedScrollView> 

¿Cómo puedo archivar esa animación usando el diseño de coordenadas?

Puede utilizar CollapsingToolbarLayout y Toolbar para crearlo. Consulte este gran tutorial para obtener más información:

https://inthecheesefactory.com/blog/android-design-support-library-codelab/en

  • CoordinatorLayout deja espacio vacío en la parte inferior después de desplazarse
  • Cómo deshabilitar "expandir" de AppBarLayout en el fragmento que tiene un NestedScrollView?
  • Cómo atenuar el fondo cuando se utiliza la parte inferior de la biblioteca de soporte?
  • ViewPager con el diseño del coordinador
  • Barra de herramientas superpone la barra de estado
  • Cómo habilitar / deshabilitar el comportamiento de FloatingActionButton
  • Efecto Parallax con la barra desplegable no funcionando, imagen en el encabezado aplastado
  • Comportamiento extraño del CoordinatorLayout junto con ViewPager
  • Error al cargar fragmentos cuando las pestañas + viewpager dentro de scrollview?
  • Cómo configurar la aplicación: layout_scrollFlags para la barra de herramientas mediante programación
  • Ocultar AppBarLayout y dar su espacio a la vista restante
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.