web-dev-qa-db-fra.com

Bouton d'action flottant Android Couleur d'arrière-plan semi-transparent

Je souhaite utiliser FAB avec une couleur de fond semi-transparente ..__ Mais je reçois un FAB avec deux couleurs différentes. Quel est le problème?

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

 enter image description here

Et sans dessinable.

 enter image description here

androidxmlandroid-support-libraryfloating-action-button
16
Mbt925

J'ai le même problème ici… .. J'ai essayé de définir la transparence alpha dans xml en utilisant backgroundTint mais cela n'a pas fonctionné et a donné la même apparence que dans vos captures d'écran (deux cercles).

Alors je l'ai mis dans le code comme ceci: 

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

Et le look est maintenant cohérent.

9
WaBayang

Si l'élévation n'est pas nécessaire, vous pouvez supprimer le "cercle intérieur" en le réglant sur 0:

app:elevation="0dp"
7
K_7

Définissez altitude et pressureTranslationZ à zéro pour supprimer les effets

<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"/>
3
Rustam Samandarov

J'ai été capable de résoudre le problème en utilisant le bouton d'action flottant de Jerzy Chalupski: https://github.com/futuresimple/Android-floating-action-button

Pour utiliser dans votre projet, ajoutez:

compile 'com.getbase:floatingactionbutton:1.10.1'

à vos dépendances,

puis ajoutez:

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

dans votre fichier XML.

Ça marche ????

0
lenooh