Boutons de conception matérielle Android – Pré sucette

Comment puis-je implémenter le “bouton surélevé” et le “bouton plat” décrits dans les directives de conception de Google?


Les boutons en relief ajoutent une dimension à la plupart des configurations plates. Ils mettent l’accent sur> les fonctions sur des espaces occupés ou larges.

boutons relevés


Utilisez des boutons plats pour les barres d’outils et les boîtes de dialog afin d’éviter les superpositions excessives.

boutons plats

Source: http://www.google.com/design/spec/components/buttons.html

    Cela nécessite Android 5.0

    Bouton surélevé

    Héritez votre style de bouton de Widget.Material.Button, et l’action standard d’élévation et de relèvement sera automatiquement appliquée.

     

    Ensuite, vous devez créer un fichier raised_button_background.xml avec la couleur d’arrière-plan de votre bouton dans une balise d’ondulation:

        

    Bouton plat

    Edit: Au lieu de mon conseil précédent pour les boutons plats, vous devriez plutôt suivre les conseils donnés par Stephen Kaiser ci-dessous:

      

    Edit: Si vous utilisez Support Library, vous pouvez obtenir le même résultat sur les périphériques Pre-Lollipop en utilisant style="?attr/borderlessButtonStyle" . (remarquez l’absence d’ android: L’exemple ci-dessus devient alors

      

    Pour implémenter les boutons plats, vous pouvez simplement append style="?android:attr/borderlessButtonStyle" .

    Exemple:

      

    Voici la référence pour l’atsortingbut.

    Vous pouvez utiliser MaterialDesignLibrary . C’est une bibliothèque tierce.

    Ceci est une bibliothèque avec des composants d’Android L que vous utilisez dans Android 2.2. Si vous souhaitez utiliser cette bibliothèque, vous devez seulement télécharger le projet MaterialDesign, l’importer dans votre espace de travail et append le projet en tant que bibliothèque dans vos parameters de projet Android.

    Je travaille sur une bibliothèque de compatibilité matérielle. La classe des boutons est là et supporte les ombres animées et l’ondulation tactile. Peut-être que vous le trouverez utile. Voici le lien .

    J’utilise ceci comme arrière-plan pour un bouton avec AppCompat et cela dépeint un bouton en relief (avec des ondulations toutes), en espérant que cela aide.

    myRaisedButton.xml – dans le dossier drawable :

              

    styles.xml :

        

    styles.xml (v21) :

     ...  

    layout.xml :

     ... android:background="@drawable/myRaisedButton" 

    Pour une description de la façon de procéder en utilisant la librairie appcompat, vérifiez ma réponse à une autre question: https://stackoverflow.com/a/27696134/1932522

    Cela montrera comment utiliser les boutons surélevés et plats pour Android 5.0 et versions antérieures (jusqu’au niveau 11 de l’API)!

    Vous avez demandé des boutons de conception matérielle Bibliothèquevous l’avezhttps://github.com/navasmdc/MaterialDesignLibrary

    Vous devrez peut-être également append une marge inférieure à votre bouton pour pouvoir voir l’effet d’ombre du bouton surélevé:

     @dimen/activity_vertical_margin 1dp