collapsible - Transparent actionBar y statusBar en Android lollipop

expandable toolbar android

Question

Estoy tratando de crear esta interfaz:

Y aquí está mi resultado real:

• La barra de estado es bien transparente y vemos mi imagen como fondo: OK
• La barra de acciones no es transparente: NOK

Aquí está el código de mi tema que utilizo para esta actividad:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<!-- inherit from the material theme -->
<style name="MaterialAppDetailTheme" parent="android:Theme.Material.Light">
<item name="android:statusBarColor">@android:color/transparent</item>
<item name="android:windowActionBarOverlay">true</item>
<!-- enable window content transitions -->
<item name="android:windowContentTransitions">true</item>
<!-- specify shared element transitions -->
<item name="android:windowSharedElementEnterTransition">
@transition/change_image_transform</item>
<item name="android:windowSharedElementExitTransition">
@transition/change_image_transform</item>
<item name="android:windowTranslucentNavigation">true</item>
<item name="android:windowTranslucentStatus">true</item>
</style>
</resources>

Answer 1

Puede cambiar el color de su barra de herramientas a transparente como este:

mToolbar.setBackgroundColor(getResources().getColor(android.R.color.transparent));

Puedes cambiar su fondo en el XML también:

android:background="@android:color/transparent"

O si estás usando ActionBar:

getSupportActionBar().setBackgroundDrawable(new ColorDrawable(getResources().getColor(android.R.color.transparent)));

Use getActionBar() si no está usando ActionBarActivity

Resultado:

Answer 2

Usa este estilo:

<style name="AppTheme" parent="Theme.AppCompat.Light">
<item name="android:textColorPrimary">@color/my_text_color</item>
<item name="colorPrimary">@android:color/transparent</item>
<item name="windowActionBarOverlay">true</item>
</style>