Pulsante di azione mobile Android Colore di sfondo semitrasparente

Question

Desidero utilizzare FAB con colore di sfondo semitrasparente. Ma sto ottenendo un FAB con due colori diversi. Qual è il 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"/> 

E senza alcun drawable.

Answer 1

avuto lo stesso problema qui. Ho provato a impostare la trasparenza alfa in xml utilizzando backgroundTint ma non ha funzionato e ha avuto lo stesso aspetto degli screenshot (due cerchi).

così mi sono messo in codice come questo:

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

E lo sguardo è ora coerente.

Answer 2

A meno che l'elevazione è necessario, è possibile rimuovere il "cerchio interno" impostandolo su 0:

app:elevation="0dp" 

Answer 3

sono stato in grado di risolvere il problema utilizzando Jerzy Chalupski pulsante di azione flottante: https://github.com/futuresimple/android-floating-action-button

da utilizzare nel progetto di aggiungere:

compile 'com.getbase:floatingactionbutton:1.10.1' 

alle vostre dipendenze,

e quindi aggiungere:

<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" 
      /> 

nel file XML.

Funziona

Answer 4

Set elevazione e pressedTranslationZ zero a rimuovere gli effetti

<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"/>