bar - Color de fondo semi transparente del botón de acción flotante de Android

android action bar text color

Question

Quiero usar FAB con color de fondo semitransparente. Pero estoy recibiendo un FAB con dos colores diferentes. ¿Cuál es el problema?

<android.support.design.widget.FloatingActionButton
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|left"
android:fadingEdgeLength="5dp"
app:borderWidth="0dp"
app:elevation="4dp"
app:backgroundTint="#99f03456"
app:fabSize="normal"/>

Y sin ningún dibujo.

Answer 1

A menos que la elevación sea necesaria, puede eliminar el "círculo interno" configurándolo en 0:

app:elevation="0dp"

Answer 2

Ajusta la elevación y presiona TranslationZ cero para eliminar los efectos.

<android.support.design.widget.FloatingActionButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="onClickMyLocation"
app:backgroundTint="@color/transparentColor"
app:srcCompat="@drawable/ic_my_location"
app:elevation="0dp"
app:pressedTranslationZ="0dp"/>

Answer 3

Pude resolver el problema usando el botón de acción flotante Jerzy Chalupski: https://github.com/futuresimple/android-floating-action-button

Para usar en tu proyecto agrega:

compile ''com.getbase:floatingactionbutton:1.10.1''

a tus dependencias,

y luego agregar:

<com.getbase.floatingactionbutton.FloatingActionButton
android:id="@+id/my_fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
android:layout_marginRight="8dp"
android:layout_alignParentTop="true"
android:layout_alignParentRight="true"
android:onClick="myMethod"
fab:fab_icon="@drawable/my_icon"
fab:fab_colorNormal="@color/my_transparent_color"
fab:fab_colorPressed="@color/white"
/>

en su archivo XML.

Funciona 👍

Answer 4

Tengo el mismo problema aquí. Intenté establecer la transparencia alfa en xml usando backgroundTint pero no funcionó y resultó en el mismo aspecto que en tus capturas de pantalla (dos círculos).

Así que lo puse en código así:

floatingButton = (FloatingActionButton) findViewById(R.id.fab);
floatingButton.setAlpha(0.25f);

Y la mirada ahora es consistente.