Comment définir une forme de cercle dans un fichier dessinable Android XML ?

Question

J'ai quelques problèmes pour trouver la documentation des définitions des formes en XML pour Android. Je voudrais définir un simple cercle rempli d'une couleur unie dans un fichier XML pour l'inclure dans mes fichiers de mise en page.

Malheureusement, la documentation sur Android.com ne couvre pas les attributs XML des classes Shape. Je pense que je devrais utiliser un ArcShape pour dessiner un cercle, mais il n'y a aucune explication sur la façon de définir la taille, la couleur ou l'angle nécessaire pour faire un cercle à partir d'un arc.

Answer 1

Il s'agit d'un simple cercle comme élément à dessiner dans Android.

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

   <solid 
       android:color="#666666"/>

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

Answer 2

Définissez ceci comme votre fond d'écran

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <stroke
        android:width="1dp"
        android:color="#78d9ff"/>
</shape>

Pour une utilisation en cercle solide :

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid
        android:color="#48b3ff"/>
</shape>

Solide avec une attaque :

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#199fff"/>
    <stroke
        android:width="2dp"
        android:color="#444444"/>
</shape>

Note : Pour faire le oval apparaît comme un cercle, dans ces exemples, soit la vue que vous utilisez comme arrière-plan de cette forme doit être un carré, soit vous devez définir l'attribut height y width de la balise shape à une valeur égale.

Answer 3

Code pour Simple circle

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
        <solid android:color="#9F2200"/>
        <stroke android:width="2dp" android:color="#fff" />
        <size android:width="80dp" android:height="80dp"/>
</shape>

Answer 4

Vous pouvez utiliser VectorDrawable comme ci-dessous :

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="200dp"
    android:height="200dp"
    android:viewportHeight="64"
    android:viewportWidth="64">

    <path
        android:fillColor="#ff00ff"
        android:pathData="M22,32
        A10,10 0 1,1 42,32
        A10,10 0 1,1 22,32 Z" />
</vector>

Le xml ci-dessus est rendu par :

Answer 5

Regardez dans les échantillons du SDK Android. Il y a plusieurs exemples dans le projet ApiDemos :

/ApiDemos/res/drawable/

• boîte_noire.xml
• shape_5.xml
• etc.

Cela ressemblera à ceci pour un cercle avec un remplissage en dégradé :

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" >
    <gradient android:startColor="#FFFF0000" android:endColor="#80FF00FF"
            android:angle="270"/>
</shape>