Transparent cercle avec bordure

Je suis en train de créer un cercle avec seulement une frontière à l'aide de XML dans android:

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

<stroke android:width="1dp"
    android:color="#000000"/>

</shape>

Le code que j'ai utilisé est affiché ci-dessus. Cependant, je reçois un disque solide et pas un anneau. Je voudrais obtenir la sortie en utilisant juste du XML et pas de toile. Ce que je fais mal?

Grâce.

EDIT:
Réussi à le faire fonctionner grâce à la réponse ci-dessous. Voilà mon code final:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="0dp"
    android:shape="ring"
    android:thicknessRatio="1.9"
    android:useLevel="false" >

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

    <size android:width="100dp"
     android:height="100dp"/>

    <stroke android:width="1dp"
    android:color="#FFFFFF"/>

</shape>
InformationsquelleAutor Anirudh | 2013-04-19
  1. 155

    Essayer quelque chose comme cela

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="0dp"
    android:shape="ring"
    android:thicknessRatio="2"
    android:useLevel="false" >
    <solid android:color="@android:color/transparent" />

    <stroke
        android:width="2dp"
        android:color="@android:color/darker_gray" />
</shape>

    Mise à jour: fait android:thicknessRatio="2" pour donner plein cercle (à l'aide de Nexus 5 - Sucette)

    • Génial!! vous êtes grand.
    • Je l'ai fait android:thicknessRatio="2" à un anneau fermé (Nexus 5, Sucette)
    • commentaire devrait être ajouté à la réponse. En tout cas, merci 😉
    • La zone à l'extérieur du cercle ne s'affiche pas comme transparent pour moi.
    • essayez imageview au lieu de bouton
    InformationsquelleAutor stinepike
  2. 29

    utiliser cela, il va travailler

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

<gradient
    android:centerX=".6"
    android:centerY=".40"
    android:endColor="@android:color/transparent"
    android:gradientRadius="20"
    android:startColor="@android:color/transparent"
    android:type="radial" />

<stroke
    android:width="1dp"
    android:color="#FFFFFF" />

<size
    android:height="100dp"
    android:width="100dp" />

</shape>
    InformationsquelleAutor anupam sharma
  3. 9

    Creux 

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="oval">
        <stroke
            android:width="1dp"
            android:color="@color/indicator_unselected" />
    </shape>

    Plein

    <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <corners android:radius="100dp" />
    <solid android:color="@android:color/white" />
</shape>
    • Cela fonctionne vraiment et est plus simple que les autres réponses, je sais que je l'utilise! Merci
    InformationsquelleAutor Hitesh Sahu
  4. 3

    Si vous pouvez utiliser le Vecteur d'un drawable essayer cette

    <vector android:height="24dp" android:viewportHeight="512.0"
    android:viewportWidth="512.0" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
    <path android:fillColor="#FFFFFF" android:fillType="evenOdd"
        android:pathData="M0,0L512,0L512,512L0,512L0,0ZM256,511C396.8,511 511,396.8 511,256C511,115.2 396.8,1 256,1C115.2,1 1,115.2 1,256C1,396.8 115.2,511 256,511Z"
        android:strokeColor="#00000000" android:strokeWidth="1"/>
</vector>
    InformationsquelleAutor Hector
  5. 1

    Vous pouvez utiliser la version d'android intégré de la valeur, de façon transparente comme @android:color/transparent ou de l'utilisation #0000 ou #00000000

    pour au-dessus de départ pour les 4 chiffres de la première a été pour l'alpha et à 8 chiffres de la valeur des deux premiers chiffres est le même, comme l'alpha.

    Lorsque vous venez de donner 3 chiffres ou 6 chiffres en couleur que par défaut la valeur alpha est ff-vous en passant à 4 ou 8 chiffres de la valeur définie que l'alpha de la couleur de la valeur

    • Salut Pratique, je n'ai pas de comprendre l'alpha partie de votre réponse. J'ai ajouté la ligne <solide android:color="#0000"/> le fichier XML. Mais toujours obtenu le même résultat.
    • cette alpha a été utilisé pour définir l'opacité de la couleur. Si vous définissez la 4 des 0 ou 8 0 que c'entièrement transparentes, avec l'augmentation de 2 premiers chiffres de 8 0 la valeur de la seule augmentation de la valeur de l'opacité
    InformationsquelleAutor Pratik
  6. 1
    <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval" >

            <stroke
                android:width="4dp"
                android:color="@color/colorPrimaryDark" />
            <corners android:radius="0dp" />
        </shape>
    </item>
    <item
        android:top="1dp"
        android:bottom="1dp"
        android:left="1dp"
        android:right="1dp">

        <shape android:shape="oval">
            <solid android:color="@color/colorRed" />
            <size android:height="@dimen/_100sdp"
                android:width="@dimen/_100sdp"></size>
        </shape>

    </item>

</layer-list>
    InformationsquelleAutor Mohsinali
  7. 1

    L'effet de contour peut être réalisé en dessinant un ovale transparent
    d'un trait de couleur (#000 dans l'exemple):

    <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@android:color/transparent" />
    <stroke
        android:width="1dp"
        android:color="#000" />
    <size
        android:width="40dp"
        android:height="40dp" />
</shape>
    InformationsquelleAutor Alex Burov
  8. 0
    <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval" >

        <gradient
            android:endColor="@android:color/transparent"
            android:gradientRadius="20"
            android:startColor="@android:color/transparent" />

        <stroke
            android:width="1dp"
            android:color="#d9d9d9" />

        <size
            android:height="100dp"
            android:width="100dp" />
        </shape>
    </item>

    <item
        android:bottom="1dp"
        android:left="1dp"
        android:right="1dp"
        android:top="1dp">
        <shape android:shape="oval" >

            <gradient
                android:endColor="@android:color/transparent"
                android:gradientRadius="20"
                android:startColor="@android:color/transparent" />

            <stroke
                android:width="1dp"
                android:color="#b3b3b3" />

            <size
                android:height="100dp"
                android:width="100dp" />
        </shape>
    </item>
</layer-list>
    InformationsquelleAutor Palak Jain
  9. 0

    Si vous définissez la couleur à #00000000, le résultat sera transparent. Vous voulez faire de cette façon si vous avez envie de le changer dans l'avenir du développement. Si vous la voulais rouge et partiellement transparent, par exemple, il serait #ff000088 Les deux derniers chiffres sont de l'opacité.
    Je le fais de cette façon de faire des changements plus facile.

    InformationsquelleAutor Jack Papel