想画3个如图一样的圆圈,但是圆圈里只有一笔不行xml,请问怎么弄?
Want to make 3 circle same as shown in the figure, but only one stoke is not working in the circle shape xml, how do I figure it out?
<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>
`
尝试使用下面的代码,您可以绘制 4 个圆圈
<?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>
</layer-list>
<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>
`
尝试使用下面的代码,您可以绘制 4 个圆圈
<?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>
</layer-list>