What is layout_collapseParallaxMultiplier used in CollapsingToolbarLayout?

Question

What is layout_collapseParallaxMultiplier used in CollapsingToolbarLayout ?

I have seen the android developer doc, but I didn't understand.

please explain this parameter & it's effect when it used with layout_collapseMode with example.

Below is a simple example of 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>

score 55 · Accepted Answer · edited Aug 11 '17 at 19:11

55

In very simple words:

When scrolling we see the following - appbar image starts hiding under the content and beyond the top edge of the screen. Parameter layout_collapseParallaxMultiplier determines what part of the image (in percent) will be hidden under the bottom content.

So, for example, setting this parameter to value 1.0 means that top boundary of appbar's image is bound to the top edge of the screen and doesn't move when scrolling. And main content is moving up the top of the image.

When the parameter is not set this corresponds to the value 0.5 and image will be overlapped above and below synchronously.

edited Aug 11 '17 at 19:11

Ahmed Alnabhan

608
1
9
13

answered Oct 19 '15 at 08:16

DmitryArc

4,757
2
37
42

exactly the answer I was looking for – Chirag Jun 25 '16 at 09:04
2

how can i change the sliding up animation to sliding down animation in app:layout_collapseMode="parallax" ? – james Jan 26 '17 at 03:21

score 4 · Answer 2 · answered Sep 26 '15 at 10:46

This was explained on Android Design Support Library:

In addition to pinning a view, you can use app:layout_collapseMode="parallax" (and optionally app:layout_collapseParallaxMultiplier="0.7" to set the parallax multiplier) to implement parallax scrolling (say of a sibling ImageView within the CollapsingToolbarLayout). This use case pairs nicely with the app:contentScrim="?attr/colorPrimary" attribute for CollapsingToolbarLayout, adding a full bleed scrim when the view is collapsed.

This is a behavior example when you use app:layout_collapseMode="parallax".

hi Anggrayudi how it set the image, how a background of tooolbar ? — Campino, Oct 12 '15 at 18:58

What is layout_collapseParallaxMultiplier used in CollapsingToolbarLayout?

2 Answers2