When running on Nougat, why does the title gets cut off when using a CollapsingToolbarLayout?

Question

I'm using the following layout and it works great on all versions except Android Nougat where the title gets cut off when fully collapsed.

<android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="300dp"
            android:fitsSystemWindows="true"
            app:contentScrim="@color/them_color"
            app:expandedTitleTextAppearance="@android:color/transparent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <ImageView
                android:id="@+id/header_image"
                android:layout_width="match_parent"
                android:layout_height="300dp"
                android:contentDescription="@string/app_name"
                android:fitsSystemWindows="true"
                android:scaleType="fitXY"
                app:layout_collapseMode="parallax"/>

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?android:attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:contentInsetLeft="0dp"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

        </android.support.design.widget.CollapsingToolbarLayout>

I have tried app:collapsedTitleGravity="center" but it doesn't fix the issue. How can I make it work on Nougat?

This is works perfectly in Fragment but doesn't in Activity. Is Anyone has an idea what this happens only in Activity?? — user2881604, Apr 25 '17 at 05:30

score 13 · Accepted Answer · answered Apr 28 '17 at 08:59

13

Issue is reported.

There is even better option than removing fitsSystemWindows, just add to onCreate collapsingToolbarLayout.post { collapsingToolbarLayout.requestLayout() }

answered Apr 28 '17 at 08:59

panbacuh

622
1
9
17

Thanks for mentioning this and especially the fix but please note that your post-block won't work without a `Runnable`. – reVerse May 07 '17 at 15:13

score 9 · Answer 2 · answered Jul 04 '17 at 06:14

9

removing android:fitsSystemWindows="true" solved my problem

answered Jul 04 '17 at 06:14

Peter

1,069
2
13
24

score 2 · Answer 3 · answered Oct 26 '17 at 13:01

2

This Sample project shows how to implement collapsing toolbar in Android.

answered Oct 26 '17 at 13:01

Ashwin

7,277
1
48
70

score 1 · Answer 4 · answered Apr 12 '18 at 03:52

1

Posting requestLayout in a runnable didn't work for me but if you're using AppCompatActivity you can use setSupportActionBar with the toolbar which seems to work.

answered Apr 12 '18 at 03:52

Mateo

519
4
4

When running on Nougat, why does the title gets cut off when using a CollapsingToolbarLayout?

4 Answers4