Android - Toolbar under status bar in CoordinatorLayout in Fragment

Question

I am develop a screen with CollapsingToolbarLayout.

When I use this layout in Activity. Everything is okay.

But when I use it in Fragment. The Toolbar are under status bar.

This is my code. Please help me. Thank you.

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    >
  <!--App Bar Layout-->
  <android.support.design.widget.AppBarLayout
      android:id="@+id/appbar_layout"
      android:layout_width="match_parent"
      android:layout_height="300dp"
      android:fitsSystemWindows="true"
      >
    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsed_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"
    app:contentScrim="?attr/colorPrimary"
    >
  <android.support.v4.view.ViewPager
      android:id="@+id/view_pager"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:fitsSystemWindows="true"
      app:layout_collapseMode="parallax"/>
  <ImageView
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:fitsSystemWindows="true"
      app:layout_collapseMode="parallax"
      android:src="@mipmap/ic_launcher"
      />
  <android.support.v7.widget.Toolbar
      android:id="@+id/toolbar"
      android:layout_width="match_parent"
      android:layout_height="?attr/actionBarSize"
      app:layout_collapseMode="pin"
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
      >
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/lay_topbar"
        >
      <ImageView
          android:id="@+id/img_logo"
          android:layout_width="44dp"
          android:layout_height="44dp"
          android:background="#FF0000"
          android:layout_centerVertical="true"
          />
      <ImageButton
          android:id="@+id/imb_home"
          android:layout_width="44dp"
          android:layout_height="44dp"
          android:background="#00FF00"
          android:layout_alignParentRight="true"
          android:layout_centerVertical="true"
          />
      <ImageButton
          android:id="@+id/imb_cart"
          android:layout_width="44dp"
          android:layout_height="44dp"
          android:background="#0000FF"
          android:layout_toLeftOf="@id/imb_home"
          android:layout_centerVertical="true"
          />
    </RelativeLayout>
  </android.support.v7.widget.Toolbar>

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

Change this android:fitsSystemWindows="true" to android:fitsSystemWindows="false". — Aishwarya Tiwari, Apr 04 '17 at 08:49
Hello @AishwaryaTiwari: Actually, I want to show content under status bar when I scroll up. — Duong Nguyen, Apr 04 '17 at 08:50
check this http://stackoverflow.com/questions/29738510/toolbar-overlapping-below-status-bar — rafsanahmad007, Apr 04 '17 at 08:53
do not use android:fitsSystemWindows="true" inside CoordinatorLayout & viewpager. — Ahamadullah Saikat, Feb 19 '18 at 14:52

score 14 · Accepted Answer · edited Oct 08 '22 at 20:54

14

I had the same issue. Put:

android:fitsSystemWindows="true"

in the root of your Activity's layout(the Activity that contains the fragment), not in the root of the fragment's layout(in your case the CoordinatorLayout).

edited Oct 08 '22 at 20:54

Boken

4,825
10
32
42

answered Feb 04 '18 at 12:42

Davide Armagni

156
1
5

Davide! Thank you for setting me on the right track. In my case, I didn't put it in my activity's root, but I put it in the container element that I attach my fragment to. – DWndrer Sep 20 '18 at 11:47

score 0 · Answer 2 · edited Oct 08 '22 at 20:54

0

Try adding below statement in the CollapsingToolbarLayout.

android:fitsSystemWindows="true"

edited Oct 08 '22 at 20:54

Boken

4,825
10
32
42

answered Apr 04 '17 at 09:38

Sanjog Shrestha

417
9
16

Android - Toolbar under status bar in CoordinatorLayout in Fragment

2 Answers2