15

Was wird layout_collapseParallaxMultiplier in CollapsingToolbarLayout verwendet?Was wird layout_collapseParallaxMultiplier in CollapsingToolbarLayout verwendet?

Ich habe die android developer doc gesehen, aber ich habe es nicht verstanden.

bitte erläutern Sie diesen Parameter & es ist Wirkung, wenn es mit layout_collapseMode mit Beispiel verwendet wurde.

Unten ist ein einfaches Beispiel für 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> 

Antwort

26

In sehr einfachen Worten:

Beim Scrollen sehen wir die folgenden - appbar Bild beginnt unter dem Inhalt versteckt und über den oberen Rand des Bildschirms. Der Parameter layout_collapseParallaxMultiplier bestimmt, welcher Teil des Bildes (in Prozent) unter dem unteren Inhalt verborgen ist.

Wenn Sie beispielsweise diesen Parameter auf den Wert 1.0 setzen, bedeutet dies, dass die obere Grenze des Bilds der Appbar an den oberen Bildschirmrand gebunden ist und sich beim Scrollen nicht bewegt. Der Hauptinhalt bewegt sich oben auf dem Bild.

Wenn der Parameter nicht gesetzt ist, entspricht dies dem Wert 0.5 und das Bild wird synchron über- und unterlagert.

+0

genau die Antwort, die ich gesucht habe – Chirag

+0

Wie kann ich die gleitende Animation zu rutschen Animation in app: layout_collapseMode = "parallax" ändern? – james

0

Dies wurde auf Android Design Support Library erklärt:

Neben einem Blick auf Pinning Sie app:layout_collapseMode="parallax" (und optional app:layout_collapseParallaxMultiplier="0.7", um den Parallax-Multiplikator) Parallax-Scrolling implementieren können (zum Beispiel von einem Geschwister ImageView innerhalb der CollapsingToolbarLayout). Dieser Anwendungsfall passt gut zu dem app:contentScrim="?attr/colorPrimary"-Attribut für CollapsingToolbarLayout und fügt ein vollständiges Anschnitt-Scrim hinzu, wenn die Ansicht minimiert ist.

Dies ist a behavior example wenn Sie app:layout_collapseMode="parallax" verwenden.

+0

hallo Anggrayudi, wie es das Bild, wie ein Hintergrund von tooolbar gesetzt? – Campino

Verwandte Themen