Android Comment ajouter le FAB à la mise en page


Exemple

Pour utiliser un FloatingActionButton, ajoutez simplement la dépendance dans le fichier build.gradle comme décrit dans la section Remarques.

Puis ajoutez à la mise en page:

 <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@drawable/my_icon" />

Un exemple:

entrer la description de l'image ici

Couleur

La couleur d'arrière-plan de cette vue correspond par défaut au colorAccent de votre thème.

Dans l'image ci-dessus, si le src ne pointe que sur l'icône + (par défaut 24x24 dp), pour obtenir la couleur d'arrière - plan du cercle complet, vous pouvez utiliser app:backgroundTint="@color/your_colour"

Si vous souhaitez changer la couleur dans le code, vous pouvez utiliser,

myFab.setBackgroundTintList(ColorStateList.valueOf(your color in int));

Si vous voulez changer la couleur de FAB dans l'utilisation de l'état pressé

mFab.setRippleColor(your color in int);

Positionnement

Il est recommandé de placer un minimum de 16 dB à partir du bord sur le mobile et de 24 dB minimum sur la tablette / le bureau.

Remarque : une fois que vous avez défini un src sauf pour couvrir toute la zone de FloatingActionButton assurez-vous de disposer de la bonne taille pour obtenir le meilleur résultat.

La taille de cercle par défaut est de 56 x 56dp

entrer la description de l'image ici

Taille de cercle mini: 40 x 40dp

Si vous ne voulez changer que l'icône Intérieur, utilisez une icône 24 x 24dp pour la taille par défaut.