Comment arrondir les coins d'un bouton ?

Question

Je veux faire les coins d'un button rond. Existe-t-il un moyen simple de réaliser cela dans Android ?

Answer 1

Si vous voulez quelque chose comme ceci

Voici le code.

Créez un fichier xml dans votre dossier drawable comme mybutton.xml et collez les balises suivantes :

<?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>

Utilisez maintenant ce dessinable pour l'arrière-plan de votre vue. Si la vue est un bouton, alors 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" />

Answer 2

Créez un fichier xml dans le dossier drawable comme ci-dessous

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" android:padding="10dp">
    <!-- you can use any color you want I used here gray color-->
    <solid android:color="#ABABAB"/> 
    <corners android:radius="10dp"/>
</shape>

Appliquez-le comme arrière-plan au bouton dont vous voulez arrondir les angles.

Ou vous pouvez utiliser un rayon séparé pour chaque coin comme ci-dessous

android:bottomRightRadius="10dp"
android:bottomLeftRadius="10dp"
android:topLeftRadius="10dp"
android:topRightRadius="10dp"

Answer 3

Créer shape.xml dans le dossier drawable

comme shape.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
  <stroke android:width="2dp"
    android:color="#FFFFFF"/>
  <gradient 
    android:angle="225"
    android:startColor="#DD2ECCFA"
    android:endColor="#DD000000"/>
<corners
    android:bottomLeftRadius="7dp"
    android:bottomRightRadius="7dp"
    android:topLeftRadius="7dp"
   android:topRightRadius="7dp" />
</shape>

et dans myactivity.xml

vous pouvez utiliser

<Button
    android:id="@+id/btn_Shap"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:text="@string/Shape"
    android:background="@drawable/shape"/>

Answer 4

Le moyen le plus simple que j'ai trouvé est de créer un nouveau fichier xml dans le dossier drawable et de faire pointer l'arrière-plan des boutons vers ce fichier xml. voici le code que j'ai utilisé :

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">

<solid android:color="#ff8100"/>
<corners android:radius="5dp"/>

</shape>

Answer 5

Si vous utilisez des tableaux vectoriels, il vous suffit de spécifier un élément <corners> dans la définition de votre tableau. J'ai couvert ceci dans un article de blog .

Si vous utilisez des images bitmap / 9-patch, vous devrez créer les coins avec transparence dans l'image bitmap.