2017-07-15 7 views
-1

[[enter image description ici] [1]!] [1]Vous voulez faire 3 cercles identiques à ceux montrés sur la figure, mais une seule pièce ne fonctionne pas dans la forme de cercle xml, comment puis-je la comprendre?

[1]: https://i.stack.imgur.com/4qkRA.png `

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

<item> 
    <shape android:shape="oval"> 
     <solid android:color="#56ECFC"/> 

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

     <stroke android:color="#62DEF5" android:width="30dp"/> 

     <stroke android:color="#4CCCF7" android:width="25dp"/> 

    </shape> 

</item> 

`

+1

Je pense que vous devez utiliser des calques, peut-être cela aidera [Comprendre Android ] (https://stackoverflow.com/questions/14436641/understanding-androids-layer-list) – MikeT

Répondre

1

essayer cela en utilisant ci-dessous le code que vous pouvez dessiner 4 cercles

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" 
> 
<!-- Larger blue circle in back --> 
<item 
    > 
    <shape android:shape="oval"> 
     <solid android:color="#00f"/> 
     <size 
      android:width="30dp" 
      android:height="30dp"/> 
    </shape> 
</item> 
<!-- Smaller red circle in front --> 
<item 
    > 
    <shape android:shape="oval"> 
     <!-- transparent stroke = larger_circle_size - smaller_circle_size --> 
     <stroke android:color="@android:color/transparent" 
      android:width="5dp"/> 
     <solid android:color="#f00"/> 
     <size 
      android:width="25dp" 
      android:height="25dp"/> 
    </shape> 
</item> 
<item android:top="2dp" 
    android:right="2dp" 
    android:bottom="2dp" 
    android:left="2dp" 
    > 
    <shape android:shape="oval"> 
     <!-- transparent stroke = larger_circle_size - smaller_circle_size --> 
     <stroke android:color="@android:color/transparent" 
      android:width="5dp"/> 
     <solid android:color="#f000"/> 
     <size 
      android:width="20dp" 
      android:height="20dp"/> 
    </shape> 
</item> 

<item 
    android:top="5dp" 
    android:right="5dp" 
    android:bottom="5dp" 
    android:left="5dp" 
    > 
    <shape android:shape="oval"> 
     <!-- transparent stroke = larger_circle_size - smaller_circle_size --> 
     <stroke android:color="@android:color/transparent" 
      android:width="5dp"/> 
     <solid android:color="#fff0"/> 
     <size 
      android:width="20dp" 
      android:height="20dp"/> 
    </shape> 
</item> 

enter image description here

+1

Les traits ne sont pas nécessaires, je deviner. Vous pouvez simplifier votre dessinable. Quoi qu'il en soit, +1. C'est la bonne réponse. –

+1

Nous vous remercions de votre avis @Rotwang –

+1

Le PO devrait accepter cette réponse. –