Search code examples
androidxmldrawgeometryring

How to draw a ring inside another ring


I have to present icons inside the circles, I tried to draw a ring inside an another ring but i cant to do, When i tried it is awkward position how can i do it

I tried to do like this but i can't

My Code

<?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="#f00"/>
        <size
            android:width="15dp"
            android:height="15dp"/>
    </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="10dp"/>
        <solid android:color="#fff"/>
        <size
            android:width="1dp"
            android:height="1dp"/>
    </shape>
</item>
<item>
    <shape android:shape="oval">
        <!-- transparent stroke = larger_circle_size - smaller_circle_size -->
        <stroke android:color="@android:color/transparent"
            android:width="11dp"/>
        <solid android:color="#f00"/>
        <size
            android:width="1dp"
            android:height="1dp"/>
    </shape>
</item>


Solution

  •     <?xml version="1.0" encoding="utf-8"?>
        <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item>
            <shape android:shape="oval">
                <size
                    android:width="200dp"
                    android:height="200dp" />
                <solid android:color="@android:color/transparent" />
                <stroke android:color="#ff0000" android:width="5dp"/>
            </shape>
        </item>
    
        <item
            android:left="5dp"
            android:top="5dp"
            android:right="5dp"
            android:bottom="5dp">
    
            <shape android:shape="oval">
                <solid android:color="@android:color/transparent" />
                <stroke android:color="#5BB534" android:width="5dp"/>
            </shape>
        </item>
    </layer-list>