android - appbarlayout - ¿Qué es layout_collapseParallaxMultiplier usado en CollapsingToolbarLayout?

nestedscrollview

Question

¿Qué es layout_collapseParallaxMultiplier usado en CollapsingToolbarLayout ?

He visto el documento de desarrollador de Android , pero no lo entendí.

por favor explique este parámetro y su efecto cuando se usa con layout_collapseMode con el ejemplo.

A continuación se muestra un ejemplo simple de xml.

<android.support.design.widget.CollapsingToolbarLayout ... >
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:src="@drawable/random_pattern"
android:scaleType="fitXY"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.75"/>
</android.support.design.widget.CollapsingToolbarLayout>

Answer 1

En palabras muy simples:

Cuando se desplaza, vemos lo siguiente: la imagen de la barra de aplicaciones comienza a esconderse debajo del contenido y más allá del borde superior de la pantalla. El parámetro layout_collapseParallaxMultiplier determina qué parte de la imagen (en porcentaje) se layout_collapseParallaxMultiplier debajo del contenido inferior.

Así, por ejemplo, establecer este parámetro en el valor 1.0 significa que el límite superior de la imagen de la barra de aplicaciones está vinculado al borde superior de la pantalla y no se mueve cuando se desplaza. Y el contenido principal es subir la parte superior de la imagen.

Cuando el parámetro no está configurado, esto corresponde al valor 0.5 y la imagen se superpondrá por encima y por debajo sincrónicamente.

Answer 2

Esto fue explicado en la biblioteca de soporte de diseño de Android :

Además de fijar una vista, puede usar app:layout_collapseMode="parallax" (y opcionalmente app:layout_collapseParallaxMultiplier="0.7" para configurar el multiplicador de paralaje ) para implementar el desplazamiento de paralaje (por ejemplo, una vista de imagen de un hermano en el CollapsingToolbarLayout ). Este caso de uso se app:contentScrim="?attr/colorPrimary" muy bien con el atributo app:contentScrim="?attr/colorPrimary" para CollapsingToolbarLayout , agregando una app:contentScrim="?attr/colorPrimary" sangrado completa cuando la vista está colapsada.

Este es un ejemplo de comportamiento cuando usa la app:layout_collapseMode="parallax" .