Créer un Bouton avec coins arrondis en android

Créer un Bouton avec coins arrondis en android

Je suis en train de créer un bouton qui ressemble comme dans l'image ci-dessus. Au départ, mon idée était de créer un 9 patch et le définir comme arrière-plan du bouton. Mais depuis, c'est un simple bouton, je pense que nous pouvons en quelque sorte tirer sans l'aide de toutes les images.

Le bouton couleur d'arrière-plan #0c0c0c
La couleur de la bordure est #1a1a1a
La couleur du texte est #cccccc

J'ai trouvé une question similaire sur DONC, mais qui crée un gradient
Android - frontière pour le bouton

"Le bouton de la couleur d'arrière-plan #0c0c0c la couleur de La bordure est #1a1a1a" - qui pourrait être la jeu de couleurs, mais vous avez besoin de plus que cela. Si nous supposons que vous voulez que les couleurs à l'état normal, quelles sont vos couleurs pour l'état pressé? L'état désactivé? Le concentré de l'état? Il y a peut être d'autres états que la valeur par défaut Button fond poignées au-delà de ceux-ci, mais j'aimerais commencer avec eux.

OriginalL'auteur coderplus | 2012-10-07

  1. 23

    Android Guide du Développeur dispose d'un guide détaillé sur ce: Forme Drawbables.

    Vous pouvez aussi tout simplement supprimer le gradient élément à partir du lien que vous avez fourni:

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="3dp" />
    <stroke android:width="5px" android:color="#1a1a1a" />
</shape>
    merci 🙂 ajouté afin d'obtenir un solide bg <solide android:color="#0c0c0c" />

    OriginalL'auteur Sam

  2. 16
       <Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/textView1"
    android:layout_alignLeft="@+id/textView1"
    android:layout_marginBottom="56dp"
    android:text="Button" 
    android:textColor="#FF0F13"
    android:background="@drawable/bbkg"/>//create bbkg.xml in drawable folder

    bbkg.xml//arrière-plan du bouton

       <?xml version="1.0" encoding="utf-8"?>
  <selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_pressed="true" 
    android:drawable="@drawable/pressed" />
  <item  android:state_focused="false" 
    android:drawable="@drawable/normal" />
  </selector>

    normal.xml //le bouton arrière-plan de l'état normal

      <?xml version="1.0" encoding="UTF-8"?> 
  <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"> 
  <solid android:color="#10EB0A"/>    
  <stroke android:width="3dp"
        android:color="#0FECFF" /> 
  <padding android:left="5dp"
         android:top="5dp"
         android:right="5dp"
         android:bottom="5dp"/> 
  <corners android:bottomRightRadius="7dp"
         android:bottomLeftRadius="7dp" 
         android:topLeftRadius="7dp"
         android:topRightRadius="7dp"/> 
  </shape>

    pressed.xml //arrière-plan du bouton pressé état

    <?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="rectangle"> 
<solid android:color="#FF1A47"/>    
<stroke android:width="3dp"
        android:color="#0FECFF"/>

<corners android:bottomRightRadius="7dp"
         android:bottomLeftRadius="7dp" 
         android:topLeftRadius="7dp"
         android:topRightRadius="7dp"/> 
</shape>
    Vous pouvez modifier la bordure du bouton ainsi que le bouton de fond d'écran de couleur dans la normale et l'état activé. Suffit d'utiliser les codes de la couleur appropriée

    OriginalL'auteur Raghunandan

  3. 3

    Si vous voulez quelque chose de ce genre

    Bouton aperçu

    voici le code.

    1.Créer un fichier xml dans votre dossier drawable comme mybutton.xml et coller le texte suivant:

    <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
 <item android:state_pressed="true" >
     <shape android:shape="rectangle"  >
         <corners android:radius="3dip" />
         <stroke android:width="1dip" android:color="#5e7974" />
         <gradient android:angle="-90" android:startColor="#345953" android:endColor="#689a92"  />            
     </shape>
 </item>
<item android:state_focused="true">
     <shape android:shape="rectangle"  >
         <corners android:radius="3dip" />
         <stroke android:width="1dip" android:color="#5e7974" />
         <solid android:color="#58857e"/>       
     </shape>
 </item>  
<item >
    <shape android:shape="rectangle"  >
         <corners android:radius="3dip" />
         <stroke android:width="1dip" android:color="#5e7974" />
         <gradient android:angle="-90" android:startColor="#8dbab3" android:endColor="#58857e" />            
     </shape>
 </item>
</selector>

    2.Maintenant, utilisez ce drawable pour le fond de votre point de vue. Si la vue est le bouton, puis quelque chose comme ceci:

    <Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:textColor="#ffffff"
    android:background="@drawable/mybutton"
    android:text="Buttons" />

    OriginalL'auteur Andriya