Ajouter des coins arrondis avec Android: drawableLeft avec png

Sur 4 ", y a-t-il un moyen de (inverser les couleurs lorsque vous appuyez dessus) pour les fichiers .png" .. oui, il y a des moyens.

L'option par le livre consiste à utiliser des styles xml pour spécifier différents dessinables pour différents états de bouton. Considérez ImageButton qui en a un exemple dans sa documentation: https: // developer. android.com/reference/android/widget/ImageButton.html

Une autre option consiste à appliquer des teintes ou d'autres filtres au dessinable dans votre propre code dans les rappels d'interaction de bouton. Par rapport à l'utilisation de différents drawables, dans cette approche, vous ajoutez du code personnalisé au lieu de tirer parti des ressources intégrées, de sorte que vous pouvez finir de tester et de déboguer davantage sur différents appareils, et vous obtenez un contrôle total afin que vous puissiez faire des animations personnalisées et d'autres choses élaborées qui peuvent ne pas s'intègre parfaitement dans les outils de ressources Android. Peut commander setColorFilter pour les débutants: https: // developer.android.com/reference/android/widget/ImageView.html#setColorFilter(int,%20android.graphics.PorterDuff.Mode)

Merci d'avoir ajouté du code et des images ou votre problème, aide à le comprendre.

1. Absolument. Comme je l'ai mentionné dans les commentaires, assurez-vous que votre dessin a un arrière-plan transparent, ou créez un bouton personnalisé pour masquer le dessinable.
2. Vous souhaiterez utiliser un attribut de style appliquer un style différent à chaque bouton. J'entends par là que la couleur définie dans votre custom_button.xml doit faire référence à un attribut de couleur (quelque chose comme colorAccent devrait fonctionner dans votre cas), au lieu d'une couleur statique. li>

   <shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
       <solid android:color="@color/button_color_selector"/>
   </shape>
   

   Puis changez cette couleur dans vos styles de boutons au lieu de android:color.

   <selector xmlns:android="http://schemas.android.com/apk/res/android">
       <item android:color="@color/pressed_color" android:state_pressed="true"/>
       <item android:color="@color/focused_color" android:state_focused="true"/>
       <item android:color="@color/state_hovered" android:state_hovered="true"/>
       <item android:color="?attr/colorAccent"/>
   </selector>
   

   Assurez-vous de faire ajouter la dépendance bibliothèque de support ou colorAccent ne sera pas disponible.

   Utilisez l'attribut android: theme au lieu de l'attribut style pour appliquer le thème du bouton. p>

   res/
   |-- drawable/
   |   +-- custom_button.xml
   |-- drawable-hdpi/
   |   +-- icon_48dp.png
   |-- drawable-mdpi/
   |   +-- icon_48dp.png
   |-- drawable-xhdpi/
   |   +-- icon_48dp.png
   |-- drawable-xxhdpi/
   |   +-- icon_48dp.png
   |-- drawable-xxxhpdi/
   |   +-- icon_48dp.png
   ~
   

   3. Il semble que vos tableaux n'utilisent pas les qualificatifs de ressources a >. Vous devrez vous assurer que chaque ressource alternative a exactement le même nom que l'original (c'est-à-dire que votre icon_48mdpi.png devrait plutôt être appelé icon_48dp.png pour toutes les configurations) et est placé dans le dossier dessinable correspondant pour sa densité. Vos ressources dessinables doivent ressembler à ce qui suit (dans la structure de vue Projet , pas la structure de vue Android ).

   <Button
       android:width="wrap_content"
       android:height="wrap_content"
       android:theme="@style/CategoryToggle"/>
   

   4. Pour changer la couleur d'un dessin en fonction de l'état, vous devrez abstraire votre couleur un peu plus loin et créer un liste des états de couleur .

   res/color/button_color_selector.xml final

   <style name="CategoryToggle">
       <item name="colorAccent">@color/YellowPrimary</item>
   </style>
   

   Ensuite, vous pouvez utiliser cette ressource de couleur dans votre forme dessinable au lieu de colorAccent .

   <shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
       <solid android:color="?attr/colorAccent"/>
   </shape>
   

   Vous pouvez également faire de chacune des couleurs de votre liste d’états de couleurs un attribut stylable par définissant des attributs personnalisés et référençant ces attributs dans vos styles. Je n'entrerai pas dans cela plus loin par souci de brièveté.

   Vous pouvez faire cela pour les drawables de la même manière en créant un state list drawable .

   ---

   Enfin, vous voudrez prendre l'habitude d'utiliser dp au lieu de px , sauf si vous êtes absolument certain de vouloir utiliser px . Cela évitera les apparences étranges à différentes densités d'écran.

Un grand merci à Bryan pour sa perspicacité à ce sujet. Cela m'a conduit aux chemins que je devais suivre pour résoudre ce problème. Je poste cette réponse afin que d'autres personnes ayant des cas similaires connaissent les étapes. Bien que j'aie un certain nombre de fichiers, cette procédure a parfaitement fonctionné.

1. J'ai mon bouton personnalisé comme décrit dans le lien fourni par Bryan.

Pour le reste, j'ai ce qui suit:

Changer la couleur du texte: button_text_color.xml

<packagename.MyCustomButton xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/myButton"
            style="@style/MyBUttonStyle"
            android:layout_marginBottom="8dp" />

Changer l'arrière-plan: button_background.xml

<style name="MyButtonStyle">
        <item name="android:background">@drawable/button_background</item>
        <item name="android:drawableLeft">@drawable/button_drawable</item>
    <item name="android:text">@string/button_text</item>
    <item name="android:textColor">@color/button_text_color</item>
</style>

Changer le dessinable: button_drawable.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/ic_button_inverted" android:state_pressed="true" />
    <item android:drawable="@drawable/ic_button"/>
</selector>

button_style.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <corners android:bottomLeftRadius="400dp" android:radius="100dp" android:topLeftRadius="400dp" />
            <solid android:color="@color/redDark" />
        </shape>
    </item>
    <item android:state_enabled="true">
        <shape android:shape="rectangle">
            <corners android:bottomLeftRadius="400dp" android:radius="100dp" android:topLeftRadius="400dp" />
            <solid android:color="@color/redPrimary" />
        </shape>
    </item>
</selector>

Implémentation dans main_layout.xml ^^

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/redPrimary" android:state_pressed="true"/>
    <item android:color="@color/redDark"/>
</selector>

p >

Utilisez simplement la bibliothèque officielle.
Ajoutez le MaterialButton utilisant ces attributs:

• app: icon pour ajouter l'icône
• app: iconGravity pour décider de la position de l'icône
• app: iconPadding pour augmenter / diminuer l'espace entre l'icône et le texte
• android: paddingLeft le remplissage entre le bord et l'icône

  <style name="ShapeAppearanceOverlay.Button.RoundedRight" parent="">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSizeTopRight">4dp</item>
    <item name="cornerSizeBottomRight">4dp</item>
    <item name="cornerSizeTopLeft">16dp</item>
    <item name="cornerSizeBottomLeft">16dp</item>
  </style>

Avec app:shapeAppearanceOverlay , vous pouvez personnaliser la forme du composant.

<com.google.android.material.button.MaterialButton
    android:paddingLeft="2dp"
    app:icon="@drawable/ic_add_24px"
    app:iconGravity="start"
    app:iconPadding="4dp"
    app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.Button.RoundedRight"
    .../>