How To Place A Layout Below Toolbar In Collapsing Toolbar Layout?

I want a collapsing toolbar layout in my app. For this I have added the collapsing toolbar inside the app bar. I have added the relative layout with some text views under the layou

Solution 1:

Add this line into your RelativeLayout.

app:layout_behavior="@string/appbar_scrolling_view_behavior"

Solution 2:

Put a margin to the RelativeLayout android:layout_marginTop="?attr/actionBarSize"

<RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/toolbar"android:layout_marginTop="?attr/actionBarSize"android:fitsSystemWindows="true"android:gravity="bottom"android:paddingLeft="30dp"android:scaleType="centerCrop">

Solution 3:

<?xml version="1.0" encoding="utf-8"?><android.support.design.widget.CoordinatorLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><android.support.design.widget.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="140dp"android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"android:fitsSystemWindows="true"><android.support.design.widget.CollapsingToolbarLayoutandroid:id="@+id/collapsing_toolbar"android:layout_width="match_parent"android:layout_height="match_parent"android:fitsSystemWindows="true"app:contentScrim="?attr/colorPrimary"app:layout_scrollFlags="scroll|exitUntilCollapsed"app:titleEnabled="false"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><android.support.v7.widget.Toolbarandroid:id="@+id/toolbar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"app:layout_collapseMode="pin"/><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/toolbar"android:fitsSystemWindows="true"android:gravity="bottom"android:paddingLeft="30dp"android:scaleType="centerCrop"><TextViewandroid:id="@+id/eventName"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="20dp"android:text="Event Name"android:textColor="#ffffff"android:textSize="14sp"/><TextViewandroid:id="@+id/date"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/eventName"android:layout_marginTop="10dp"android:text="Date"android:textColor="#ffffff"android:textSize="14sp"/><TextViewandroid:id="@+id/time"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/date"android:layout_marginBottom="10dp"android:layout_marginTop="10dp"android:text="Time"android:textColor="#ffffff"android:textSize="14sp"/></RelativeLayout></LinearLayout></android.support.design.widget.CollapsingToolbarLayout></android.support.design.widget.AppBarLayout><android.support.v4.widget.NestedScrollViewandroid:id="@+id/scroll"android:layout_width="match_parent"android:layout_height="match_parent"android:clipToPadding="false"app:layout_behavior="@string/appbar_scrolling_view_behavior"><TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:text="adlfjsd adsf adsf dsafasd fsda f af dsaf afl djsaflk sjdafl jsalf jsdalf jsdal fjasdl fjalsd jflas jflsa djfdl"android:textSize="100sp"/></android.support.v4.widget.NestedScrollView></android.support.design.widget.CoordinatorLayout>

Solution 4:

Always Put your AppBarLayout above your Layout, this solution is tested.. U can try..

<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:customfontdemo="http://schemas.android.com/apk/res-auto"xmlns:app="http://schemas.android.com/tools"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_weight="3"><android.support.design.widget.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:theme="@style/AppBarOverlay"android:id="@+id/appBarLayout"><android.support.v7.widget.Toolbarandroid:id="@+id/toolbar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"android:background="#428BCA"app:popupTheme="@style/PopupOverlay" ><lloyd.sp.com.studentportal.utils.MyTextviewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Latest Attendance"android:layout_gravity="left"android:id="@+id/toolbar_title"customfontdemo:fontName="OpenSans-Semibold.ttf"android:textColor="#FFFFFF"android:textSize="22sp"android:lines="1"android:paddingLeft="4dp"
            /><ImageViewandroid:layout_width="28dp"android:layout_height="28dp"android:layout_gravity = "right"android:paddingRight="10dp"android:id="@+id/signout"android:onClick="dosignout"android:src="@drawable/logout_icon"/></android.support.v7.widget.Toolbar></android.support.design.widget.AppBarLayout><LinearLayoutandroid:id="@+id/linearLayout"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentLeft="true"android:layout_alignParentStart="true"android:layout_below="@+id/appBarLayout"><Buttonandroid:text="Status"android:textSize="20sp"android:textStyle="bold"android:background="@drawable/my_button_bg"android:gravity="center"android:layout_width="0dp"android:layout_weight="1"android:textColor="@color/black"android:layout_height="wrap_content"android:id="@+id/textView10" /><Buttonandroid:text="Date"android:background="@drawable/my_button_bg"android:textSize="20sp"android:textStyle="bold"android:layout_width="0dp"android:layout_weight="1"android:textColor="@color/black"android:layout_height="wrap_content"android:id="@+id/textView6"
        /><Buttonandroid:text="Subject"android:textSize="20sp"android:textStyle="bold"android:background="@drawable/my_button_bg"android:gravity="center"android:textColor="@color/black"android:layout_width="0dp"android:layout_weight="1"android:layout_height="wrap_content"android:id="@+id/textView9"

        /></LinearLayout><ListViewandroid:id="@+id/listViewLatestAttendance"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_alignParentLeft="true"android:layout_alignParentStart="true"android:layout_below="@+id/linearLayout"
    /></RelativeLayout>