Android L - Flottant Bouton d'Action (FAB)
L'a fait Google a déjà sorti un style défini ou un composant pour cette nouvelle circulaire FAB bouton ou dois-je mettre en œuvre la conception de mon propre chef?
Le bouton est décrit ici: Google Design | Flottant Boutons D'Action
MODIFIER (05/2015): Vérifier Lukas réponse /Gabriele répondre montrant un moyen facile à mettre en œuvre avec le support à la conception de la bibliothèque.
- Comment puis-je ajouter de la matière sélectionner effet sur ce bouton?
- Cet effet sera ajouté automatiquement, lorsque l'arrière-plan-attribut est défini sur un drawable de type "ondulation".
- Ah, je ne savais pas que, thx. Et où dois-je créer l'ripple.xml, un drawable je suppose...
- Ok, je l'ai eu à travailler, thx pour me pointer à elle 🙂
- Il n'y a pas de méthode comme setOutline()...
Vous devez vous connecter pour publier un commentaire.
Mise à JOUR: il y a maintenant un fonctionnaire widget pour FAB: FloatingActionButton, voir Gabriele Mariotti répondre pour des informations complètes.
Selon Adam Powell et Chet Haase ils n'ont pas à créer un widget pour la FAB bouton de cause, il est très facile de composant à reproduire.
Il a été question dans le Google IO 2014 discours de "Google I/O 2014 - la science des Matériaux: Développer des applications Android avec la conception de matériel", à la fin de l'intervention (à environ 37:50) il y a exactement cette question, vous pouvez l'entendre ici:
https://www.youtube.com/watch?v=lSH9aKXjgt8#t=2280
Chet Haase dit qu'il y a un RoundedBitmapDrawable (je n'ai pas vérifier si c'est le nom) qui doivent déjà faire le travail de la définition du Contour.
Mais vous pouvez le faire avec votre propre drawable, définir une Élévation et de définir un cercle Aperçu de la programmation.
Cela devrait vous donner le bouton rond avec de l'ombre sur L de presse.
Mais je pense que Vous aurez à construire l'Ombre de pré-L sur votre propre.
Je devrais vérifier le code pour CardView pour voir comment il reproduire l'ombre de pré-L. je vais probablement le faire, mais n'ont pas le temps maintenant. Si aucun des pop dans les détails, je vais le faire après que j'ai trouvé le temps d'aller vérifier jusqu'.
EDIT:
Gabriele Mariotti (voir sa réponse ci-dessous, merci) a ajouté un peu de code pour vous montrer comment le faire.
Grâce à @shomeser commentaires, il a écrit une bibliothèque pour faire de la fab bouton:
https://github.com/shamanland/floating-action-button
Pour l'utiliser:
Vous pouvez également lire sa réponse à une autre question: Comment puis-je ajouter le nouveau "Flottant sur le Bouton d'Action" entre deux widgets/layouts
com.shamanland:fab:0.0.3
, vérifier mon post: stackoverflow.com/a/25098626/1891118Mise à JOUR: 30/05/2015 avec l'officiel d'aide à la Conception de la Bibliothèque
Officielle widget maintenant.
Il suffit d'ajouter cette dépendance à votre
build.gradle
Ajouter ce point de vue à votre disposition:
Et de l'utiliser:
Documentation:
Mise à JOUR: 02/12/2014 avec Android 5 code
Vous pouvez également ajouter et stateListAnimator de votre Bouton:
Où anim.xml est:
Dimens.xml est
Vérifier l'Daniele réponse.
Sur le Contour mentionné par Daniele.
Ajouter le élévation attribut à votre Bouton, et de définir la Contour via le code:
Sur Le Contour:
stateListAnimator
pour régler le z-traduction (comme dans cette réponse), vous n'avez pas besoin de spécifier unelevation
. L'ajout d'unelevation
dans ce cas fera l'animation est moins évident que la création de l'ombre sera toujours visible, quel que soit l'état du bouton est dans (au moins dans la version Preview d'Android L).Google now fournit une bibliothèque officielle, appelé bibliothèque de conception, contenant les Fab Bouton. Il suffit d'ajouter le suivant Gradle dépendance:
Ensuite vous pouvez utiliser le fab bouton comme ceci:
Plus d'informations peuvent être trouvées dans leur annonce
http://android-developers.blogspot.ch/2015/05/android-design-support-library.html
ou sur la javadoc page
http://developer.android.com/reference/android/support/design/widget/FloatingActionButton.html
Depuis Étiquettes FAB fonction (comme dans Evernote ou de la Boîte de réception apps) a été ajouté à ce génial bibliothèque hésitez pas à l'utiliser:
Gradle dépendance:
Layout.xml:
menu_labels_style.xml:
fab_label_background.xml:
Profitez-en!