Android Ajouter un FloatingActionButton (FAB)


Exemple

Dans la conception de matériau, un bouton d'action flottant représente l'action principale dans une activité.
Ils se distinguent par une icône encerclée flottant au-dessus de l'interface utilisateur et ont des comportements de mouvement qui incluent le morphing, le lancement et un point d'ancrage de transfert.

Assurez-vous que la dépendance suivante est ajoutée au fichier build.gradle de votre application sous les dépendances:

compile 'com.android.support:design:25.3.1'

Ajoutez maintenant le FloatingActionButton à votre fichier de mise en page:

<android.support.design.widget.FloatingActionButton
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_margin="16dp"
      android:src="@drawable/some_icon"/>

où l'attribut src référence à l'icône à utiliser pour l'action flottante.
Le résultat devrait ressembler à ceci (en supposant que votre couleur d’accentuation est Matière Rose): Matériau FAB

Par défaut, la couleur d'arrière-plan de votre FloatingActionButton sera définie sur la couleur d'accent de votre thème. Notez également qu'un FloatingActionButton nécessite une marge pour fonctionner correctement. La marge recommandée pour le bas est 16dp pour les téléphones et 24dp pour les tablettes.

Voici les propriétés que vous pouvez utiliser pour personnaliser davantage le FloatingActionButton (en supposant que xmlns:app="http://schemas.android.com/apk/res-auto est déclaré comme espace de noms en haut de votre présentation):

  • app:fabSize : peut être réglé sur normal ou mini pour basculer entre une taille normale ou une version plus petite.
  • app:rippleColor : définit la couleur de l'effet d'ondulation de votre FloatingActionButton . Peut être une ressource de couleur ou une chaîne hexadécimale.
  • app:elevation : peut être une chaîne, un entier, une valeur booléenne, une valeur de couleur, une virgule flottante, une valeur de dimension.
  • app:useCompatPadding : Activer le remplissage de compat. Peut-être une valeur booléenne, telle que true ou false . Défini sur true pour utiliser le remplissage de compat sur api-21 et les versions ultérieures, afin de conserver une apparence cohérente avec les anciens niveaux d'API.

Vous pouvez trouver plus d'exemples sur FAB ici .