Android Toolbar Content Contents

Question

I use the new toolbar and set it as supportActionBar. My problem is that it covers my content.

Here is the code that I use to customize the toolbar.

public void setupNavBar() { mToolbar = (Toolbar) findViewById(R.id.toolbar_actionbar); if (mToolbar != null) { setSupportActionBar(mToolbar); mActionBar = getSupportActionBar(); mActionBar.setDisplayShowHomeEnabled(true); mActionBar.setDisplayShowTitleEnabled(false); } } 

Styles:

  <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <!-- Customize your theme here. --> </style> <style name="ToolBarStyle" parent=""> <item name="android:elevation">5dp</item> <item name="popupTheme">@style/ThemeOverlay.AppCompat.Light</item> <item name="theme">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item> </style> 

and layout:

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <android.support.v7.widget.Toolbar style="@style/ToolBarStyle" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/material_blue_grey_800" android:minHeight="@dimen/abc_action_bar_default_height_material" android:id="@+id/toolbar_actionbar" /> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:background="#478" android:text="@string/hello_world" /> 

I thought that by calling setSupportActionbar, the system will take care of placing the content below the toolbar view, but this is not what I see.

What is the correct way to use the toolbar. I have some actions in which I want the toolbar to be transparent with the content behind it and others where I want it to be opaque with the content below.

thanks

Answer 1

use below in text form

  <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:background="#478" android:text="@string/hello_world" android:layout_below="@+id/toolbar_actionbar" /> 

Answer 2

I just ran into the same problem. I fixed this by adding these two lines to the context_main.xml file:

 app:layout_behavior="@string/appbar_scrolling_view_behavior" tools:context="com.yourappname.MainActivity" 

Like this:

 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout 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:background="@color/blue" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" app:layout_behavior="@string/appbar_scrolling_view_behavior" tools:context="com.yourappname.MainActivity" tools:showIn="@layout/app_bar_main">