Tengo una app donde tengo una toolbar y quiero hacer que tenga un efecto transparente con un pequeño blur, como puedo lograr esto
Aqui un ejemplo:
Tengo una app donde tengo una toolbar y quiero hacer que tenga un efecto transparente con un pequeño blur, como puedo lograr esto
Aqui un ejemplo:
Para obtener un Toolbar transparente:
En tu Toolbar defines como background el color que pueda ser transparente o blur:
<android.support.v7.widget.Toolbar
android:id="@+id/my_toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:background="@drawable/my_background"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>
Para el caso transparente, dentro de /drawable
agrega el archivo fondo my_background.xml
:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<gradient
android:angle="90"
android:startColor="@android:color/transparent"
android:endColor="@android:color/transparent"
android:type="linear" />
</shape>
Donde @android:color/transparent
es un color transparente definido por el sistema, por lo tanto tu Toolbar
sería completamente transparente:
Para tener un Toolbar con blur: podríamos modificar nuestro archivo /drawable/my_background.xml
de esta forma :
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<gradient
android:angle="90"
android:startColor="#FFFFFFFF"
android:endColor="#00FFFFFF"
android:type="linear" />
</shape>
y obtenemos:
Entiendo que lo que quieres hacer es el efecto de blur del fondo con una imagen. Para ello te recomiendo una librería llamada Picasso Transformations que complementa a la bien conocida Picasso:
ImageView fondoBlur;
Picasso.with(fondoBlur.getContext())
.load(url)
.transform(new BlurTransformation(getContext(), 25, 1))
.transform(new ColorFilterTransformation(Color.argb(170, 0, 0, 0)))
.fit()
.centerCrop()
.error(R.drawable.logo)
.into(fondoBlur);
}