web-dev-qa-db-fra.com

Quand dois-je utiliser un masque derrière un bouton FAB?

En ce moment au travail, nous créons cette fonctionnalité étonnante (pour une webApp) mais je ne sais pas QUAND il est correct d'utiliser un "masque" derrière le FAB après qu'il soit TAP/CLICKED parce que dans le guide, ils ne disent rien à ce sujet, tous je sais c'est:

  1. Il vaudrait mieux améliorer la lisibilité
  2. Je l'ai vu (le masque) dans d'autres applications Google
  3. Pinterest utilise ce masque à chaque fois que vous cliquez sur un "PIN"

Vous trouverez ci-dessous un lien vers le guide de conception des matériaux:

https://material.google.com/components/buttons-floating-action-button.html#buttons-floating-action-button-behavior

1
Cristobal Lemoine

Cette question n'est pas liée à FAB, vous utilisez un canevas chaque fois que cela est approprié, en particulier lorsque vous chargez un modal, une boîte de dialogue ou une nouvelle feuille de matériau. Qu'il soit lancé par un FAB, un lien ou un bouton, cela n'a pas d'importance.

Si vous voulez un exemple de ce comportement déclenché par un FAB, jetez un œil à https://material-design.storage.googleapis.com/publish/material_v_8/material_ext_publish/0B8v7jImPsDi-Mk9EVk5DRVN1cmc/components-buttons-fab -transition_card_01.mp4

et

https://material-design.storage.googleapis.com/publish/material_v_8/material_ext_publish/0B8v7jImPsDi-V2EwR1lqcHFoVVk/components-buttons-fab-transition_card_02.mp4

Dans l'ensemble, cela dépendra également de vos besoins, tout n'a pas besoin d'un FAB, tout n'a pas besoin d'un pop-up ou d'un modal, c'est donc une réponse générique à votre question spécifique

2
Devin