Hacer transparente la barra de herramientas

create_account.xml

 <?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" tools:context="io.sleeko.board.CreateAccountActivity"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/AppTheme.AppBarOverlay"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay" /> </android.support.design.widget.AppBarLayout> <include layout="@layout/content_create_account" /> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|end" android:layout_margin="@dimen/fab_margin" android:src="@android:drawable/ic_dialog_email" /> </android.support.design.widget.CoordinatorLayout> 

Necesito hacer transparente la ToolBar anterior. Para que podamos ver el fondo Image.I han intentado diferentes métodos. Pero no pudo encontrar la solución correcta.

Por favor ayuda.gracias

La mayoría de las veces queremos que la barra de herramientas sea translúcida porque queremos mostrar contenido detrás de ella. El problema es que los colores del contenido detrás de la barra de herramientas pueden colisionar con el color de los elementos de la barra de herramientas / texto (flecha hacia arriba / hacia atrás, por ejemplo).

Por eso verás en muchas implementaciones que la barra de herramientas no es transparente, pero transparente con un degradado.

Puede obtener esto con el siguiente código:

 <?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.Toolbar 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:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="@drawable/background_toolbar_translucent" /> 

Background_toolbar_translucent.xml

 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:angle="270" android:endColor="@android:color/transparent" android:startColor="@color/black_alpha_40"/> </shape> 

Colors.xml

 <color name="black_alpha_40">#66000000</color> 

Usted puede jugar con diferentes valores en el degradado, lo que he encontrado es que para los elementos blancos, el 40% negro funciona bien.

Otra cosa que es posible que desee hacer es ocultar el título de la barra de herramientas.

 getSupportActionBar().setDisplayHomeAsUpEnabled(true); 

Y mostrar el hasta affordance …

 getSupportActionBar().setDisplayShowTitleEnabled(false); 

No te preocupes si ves algo como esto en el panel de vista previa del diseño … Introduzca aquí la descripción de la imagen

Parece muy diferente cuando realmente se superpone el contenido:

Introduzca aquí la descripción de la imagen

Aquí está mi solución.

 <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/AppTheme.AppBarOverlay" android:background="#00000000"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:popupTheme="@style/AppTheme.PopupOverlay" /> 

Trata eso:

 <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="@android:color/transparent" app:theme="@style/ThemeOverlay.AppCompat.ActionBar" /> 

Y quita eso con la etiqueta del final:

 <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/AppTheme.AppBarOverlay"> 

Pero no lo hagas totalmente transparente, puedes usar el color tiene transparencia como #93000000 por lo que será así:

 <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="#93000000" app:theme="@style/ThemeOverlay.AppCompat.ActionBar" /> 
  • GLSurfaceView - cómo hacer el fondo translúcido
  • Android: hacer que todo alrededor de Dialog sea más oscuro que el predeterminado
  • Búsqueda de píxeles de borde de una imagen con envolvente transparente (para detección de colisión)
  • Android 4.4 - Estado translúcido / barras de navegación - fitsSystemWindows / clipToPadding no funcionan con transacciones de fragmentos
  • Cómo crear una ActionBar como Google Play que se desvanece al desplazarse
  • Cómo hacer un menú transparente de lujo como el "menú compartido" en la galería de Android?
  • Crear un diálogo transparente encima de la actividad
  • ¿Cómo crear un imagebutton de forma irregular donde la parte transparente de la imagen no se puede hacer clic?
  • ¿Cómo se crea una pantalla de demostración transparente para una aplicación de Android?
  • Android ScriptIntrinsicBlur no desenfoca toda la imagen y genera un borde transparente
  • GIF transparente en Android ImageView
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.