Simply Create A XML Shape for Background Views in Android.
Use Following code to create a Circle Shape with a outer Ring of Same Color.
1. First create Inner Filled Circle
2. Create outer Ring with some padding
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
<?xml version="1.0" encoding="UTF-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:width="88dp" android:height="88dp" android:bottom="@dimen/dimen_6" android:left="@dimen/dimen_6" android:right="@dimen/dimen_6" android:top="@dimen/dimen_6"> <shape android:shape="oval"> <solid android:color="@color/colorPrimary"></solid> </shape> </item> <item android:bottom="0.00001dip" android:left="0.00001dip" android:right="0.00001dip" android:top="0.00001dip"> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:innerRadius="44dp" android:shape="ring" android:thickness="6dp" android:useLevel="false"> <size android:width="100dp" android:height="100dp" /> <solid android:color="@color/appWhite" /> </shape> </item> <item android:bottom="0.00001dip" android:left="0.00001dip" android:right="0.00001dip" android:top="0.00001dip"> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:innerRadius="48dp" android:shape="ring" android:thickness="2dp" android:useLevel="false"> <size android:width="100dp" android:height="100dp" /> <solid android:color="@color/colorPrimary" /> </shape> </item> </layer-list> |
