Transparent Toolbar on an Activity only

Question

I have an xml called Toolbar, and reuse it on all my screens calling the

<include layout="@layout/toolbar" />

On a specific screen I would like Toolbar to be transparent, but with a slight shading.

As in the image below:

Answer 1

Arthur, in the case of this image that you put, it uses a CollapsingToolbarLayout. If you want the same effect present in the image, do the following:

Add dependencies to your build.gradle:

build.Gradle

compile 'com.android.support:appcompat-v7:23.4.0'
compile 'com.android.support:design:23.4.0'

In your Activity you want to have the effect, you will need to put your Toolbar inside the CollapsingToolbarLayout:

Mainactivity.java

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/MyAppbar"
        android:layout_width="match_parent"
        android:layout_height="256dp" <!-- height of appbar -->
        android:fitsSystemWindows="true">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapse_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            android:background="@color/colorPrimary"
            android:fitsSystemWindows="true">

            <android.support.v7.widget.Toolbar
                android:id="@+id/MyToolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="parallax" />

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

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

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="fill_vertical"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <!-- Coloque seus componentes aqui -->

    </android.support.v4.widget.NestedScrollView>

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

Note that in the example we use a CoordinatorLayout, he is responsible for coordinating all the work between the views within him, including the effect you want on Toolbar.

In the NestedScrollView we use the app:layout_behavior="@string/appbar_scrolling_view_behavior" so that you have the effect of expanding and saving Toolbar as the user moves the list on the screen.

If you want too, it is possible to make the layout always expanded, like your image.

---

See more on the links below:

Collapsing Toolbars Android Example

Mastering the Coordinator Layout