How to define a circle shape in an Android XML drawable file

Question

I have some problems finding the documentation of the definitions of shapes in XML for Android  I would like to define a simple circle filled with a solid color in an XML File to include it into my layout files    Sadly the Documentation on android com does not cover the XML attributes of the Shape classes  I think I should use an ArcShape to draw a circle but there is no explanation on how to set the size  the color  or the angle needed to make a circle out of an Arc

User · Answer

If you want a circle like this    Try using the code below    lt shape xmlns android  http   schemas android com apk res android      android innerRadius  0dp      android shape  ring      android thicknessRatio  2      android useLevel  false   gt       lt solid android color   android color white    gt       lt stroke         android width  1dp          android color   android color darker gray    gt   lt  shape gt

User · Answer

Set this as your view background   lt shape xmlns android  http   schemas android com apk res android      android shape  oval  gt       lt stroke         android width  1dp          android color   78d9ff   gt   lt  shape gt      For solid circle use    lt shape xmlns android  http   schemas android com apk res android      android shape  oval  gt       lt solid         android color   48b3ff   gt   lt  shape gt      Solid with stroke    lt shape xmlns android  http   schemas android com apk res android      android shape  oval  gt       lt solid android color   199fff   gt       lt stroke         android width  2dp          android color   444444   gt   lt  shape gt      Note  To make the oval shape appear as a circle  in these examples  either your view that you are using this shape as its background should be a square or you have to set the height and width properties of the shape tag to an equal value

User · Answer

lt  xml version  1 0  encoding  utf-8   gt   lt shape      xmlns android  http   schemas android com apk res android      android shape  oval  gt        lt stroke         android width  10dp          android color   color white   gt        lt gradient         android startColor   color red          android centerColor   color red          android endColor   color red          android angle  270   gt        lt size          android width  250dp           android height  250dp   gt   lt  shape gt

User · Answer

You can use VectorDrawable as below     lt  xml version  1 0  encoding  utf-8   gt   lt vector xmlns android  http   schemas android com apk res android      android width  200dp      android height  200dp      android viewportHeight  64      android viewportWidth  64  gt        lt path         android fillColor   ff00ff          android pathData  M22 32         A10 10 0 1 1 42 32         A10 10 0 1 1 22 32 Z    gt   lt  vector gt    The above xml renders as

User · Answer

res drawble circle shape xml   lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item gt            lt shape android shape  oval  gt               lt solid android color   e42828   gt               lt stroke android color   3b91d7  android width  5dp   gt               lt  -- Set the same value for both width and height to get a circular shape -- gt               lt size android width  250dp  android height  250dp   gt           lt  shape gt       lt  item gt   lt  selector gt

User · Answer

This is a simple circle as a drawable in Android    lt  xml version  1 0  encoding  utf-8   gt   lt shape     xmlns android  http   schemas android com apk res android      android shape  oval  gt       lt solid         android color   666666   gt       lt size         android width  120dp          android height  120dp   gt   lt  shape gt

User · Answer

lt  xml version  1 0  encoding  utf-8   gt   lt shape      xmlns android  http   schemas android com apk res android      android shape  oval  gt        lt  -- fill color -- gt       lt solid android color   color white    gt        lt  -- radius -- gt       lt stroke         android width  1dp          android color   color white    gt        lt  -- corners -- gt       lt corners         android radius  2dp   gt   lt  shape gt

User · Answer

a circle shape in an Android XML drawable file    lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android      android shape  oval  gt       lt solid android color   android color white    gt       lt stroke         android width  1 5dp          android color   android color holo red light    gt       lt size         android width  120dp          android height  120dp    gt   lt  shape gt       Screenshot

User · Answer

lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item gt           lt shape android shape  oval  gt               lt solid android color   color text color green   gt               lt  -- Set the same value for both width and height to get a circular shape -- gt               lt size android width  250dp  android height  250dp   gt           lt  shape gt       lt  item gt   lt  selector gt

User · Answer

Look in the Android SDK samples   There are several examples in the ApiDemos project    ApiDemos res drawable       black box xml shape 5 xml  etc   It will look something like this for a circle with a gradient fill     lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android  android shape  oval   gt       lt gradient android startColor   FFFF0000  android endColor   80FF00FF              android angle  270   gt   lt  shape gt

User · Answer

You can try to use this   lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android   gt    lt item gt       lt shape         android innerRadius  0dp          android shape  ring          android thicknessRatio  2          android useLevel  false   gt           lt solid android color   color button blue two    gt       lt  shape gt   lt  item gt      and you don t have to bother the width and height aspect ratio if you are using this for a textview

User · Answer

I couldn t draw a circle inside my ConstraintLayout for some reason  I just couldn t use any of the answers above   What did work perfectly is a simple TextView with the text that comes out  when you press  Alt 7      lt TextView             android layout width  wrap content              android layout height  wrap content              android textColor   0075bc              android textSize  40dp              android text       gt  lt  TextView gt

User · Answer

Here s a simple circle background xml for pre-material    lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item android state pressed  true  gt           lt shape android shape  oval  gt               lt solid android color   color color accent dark    gt           lt  shape gt       lt  item gt       lt item gt           lt shape android shape  oval  gt               lt solid android color   color color accent    gt           lt  shape gt       lt  item gt   lt  selector gt    You can use with the attribute  android background   drawable circle background  in your button s layout definition

User · Answer

Just use  ShapeDrawable circle   new ShapeDrawable  new  OvalShape

User · Answer

Code for Simple circle   lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android  android shape  oval  gt           lt solid android color   9F2200   gt           lt stroke android width  2dp  android color   fff    gt           lt size android width  80dp  android height  80dp   gt   lt  shape gt

User · Answer

You can try this -   lt  xml version  1 0  encoding  utf-8   gt   lt shape     xmlns android  http   schemas android com apk res android      android shape  ring      android innerRadiusRatio  700      android thickness  100dp      android useLevel  false  gt        lt solid android color   CCC    gt    lt  shape gt    Also  you can adjust the radius of the circle by adjusting android thickness

[android] How to define a circle shape in an Android XML drawable file?

Examples related to android

Examples related to android-drawable

Examples related to shapes