Bordure en forme xml


157

J'essaie de créer un dessin à utiliser pour un bouton. Je voudrais qu'il ait cette coloration, avec une bordure de 2px autour.

Tout fonctionne très bien sauf que je ne peux pas faire apparaître la bordure ...

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

    <gradient android:startColor="@color/bar_clicked_dark"
        android:endColor="@color/bar_clicked_light"
        android:angle="90"/>

    <corners android:bottomLeftRadius="0dp"
        android:topLeftRadius="15dp"
        android:bottomRightRadius="15dp"
        android:topRightRadius="0dp" />

    <stroke android:width="2dp" 
        color="#ff00ffff" />

</shape>

Réponses:


281

Il semble que vous ayez oublié le préfixe de l'attribut de couleur. Essayer

 <stroke android:width="2dp" android:color="#ff00ffff"/>

83

Si vous voulez créer une bordure dans une forme xml. Vous devez utiliser:

Pour la frontière extérieure, vous devez utiliser:

<stroke/>

Pour l'arrière-plan interne, vous devez utiliser:

<solid/>

Si vous souhaitez définir des coins, vous devez utiliser:

<corners/>

Si vous voulez un remplissage entre la bordure et les éléments internes, vous devez utiliser:

<padding/>

Voici un exemple de forme xml utilisant les éléments ci-dessus. Ça marche pour moi

<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
  <stroke android:width="2dp" android:color="#D0CFCC" /> 
  <solid android:color="#F8F7F5" /> 
  <corners android:radius="10dp" />
  <padding android:left="2dp" android:top="2dp" android:right="2dp" android:bottom="2dp" />
</shape>

1
et comment faire en forme de "U" en utilisant ce type de dessin xml?
Himanshu Mori

8

Nous pouvons ajouter des .xml dessinables comme ci-dessous

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


    <stroke
        android:width="1dp"
        android:color="@color/color_C4CDD5"/>

    <corners android:radius="8dp"/>

    <solid
        android:color="@color/color_white"/>

</shape>
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.