web-dev-qa-db-fra.com

Qu'est-ce que layout_collapseParallaxMultiplier utilisé dans CollapsingToolbarLayout?

Quel est layout_collapseParallaxMultiplier utilisé dans CollapsingToolbarLayout?

J'ai vu le doc développeur Android , mais je n'ai pas compris.

veuillez expliquer ce paramètre et son effet lorsqu'il est utilisé avec layout_collapseMode avec exemple.

Voici un exemple 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>
androidmaterial-designandroid-support-libraryandroid-collapsingtoolbarlayout
24
Priyank Patel

En termes très simples:

Lors du défilement, nous voyons ce qui suit - l'image de la barre d'application commence à se cacher sous le contenu et au-delà du bord supérieur de l'écran. Paramètre layout_collapseParallaxMultiplier détermine quelle partie de l'image (en pourcentage) sera masquée sous le contenu inférieur.

Ainsi, par exemple, en définissant ce paramètre sur la valeur 1.0 signifie que la limite supérieure de l'image de la barre d'applications est liée au bord supérieur de l'écran et ne bouge pas lors du défilement. Et le contenu principal se déplace vers le haut de l'image.

Lorsque le paramètre n'est pas défini, cela correspond à la valeur 0.5 et l'image seront superposées de façon synchrone au-dessus et en dessous.

41
DmitryArc

Cela a été expliqué sur Android Design Support Library :

En plus d'épingler une vue, vous pouvez utiliser app:layout_collapseMode="parallax" (et éventuellement app:layout_collapseParallaxMultiplier="0.7" pour définir le multiplicateur de parallaxe ) pour implémenter le défilement de parallaxe (disons d'un frère ImageView dans le CollapsingToolbarLayout) . Ce cas d'utilisation se marie bien avec le app:contentScrim="?attr/colorPrimary" attribut pour CollapsingToolbarLayout, ajoutant un canevas à fond perdu lorsque la vue est réduite.

C'est n exemple de comportement lorsque vous utilisez app:layout_collapseMode="parallax".

1
Anggrayudi H