Android Floating Aktion Button Semi Transparent Hintergrundfarbe

Question

Ich möchte FAB mit halbtransparenten Hintergrundfarbe verwenden. Aber ich bekomme einen FAB mit zwei verschiedenen Farben. Was ist das Problem?

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

und ohne ziehbar.

Answer 1

Haben Sie die gleiche Ausgabe hier. Ich habe versucht, Alpha-Transparenz in Xml mit BackgroundTint festlegen, aber es hat nicht funktioniert und ergab das gleiche Aussehen wie in Ihren Screenshots (zwei Kreise).

Also habe ich es im Code wie folgt aus:

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

Und der Look ist jetzt konsistent.

Answer 2

Es sei denn, die Erhebung erforderlich ist, können Sie den "inneren Kreis" entfernen, indem Sie es auf 0 setzen:

app:elevation="0dp" 

Answer 3

konnte ich das Problem mit Jerzy Chalupski Floating Action-Schaltfläche lösen: https://github.com/futuresimple/android-floating-action-button

um in Ihrem Projekt verwenden hinzuzufügen:

compile 'com.getbase:floatingactionbutton:1.10.1' 

auf Ihre Abhängigkeiten,

und fügen Sie dann:

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

in der XML-Datei.

Es funktioniert

Answer 4

Set Höhe und pressedTranslationZ Null die Effekte

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