XML Circle with gradient fill Android

Question

I am trying to make an XML Button, circle shape, which is filled with a gradient color. This color needs to be changed programatically.

Here is an example of what I am trying to achieve.

My attempts to build this have ended up with a gradient background and a solid colored circle. Instead of the gradient circle and transparent background.

I am hoping to be able to use more then 2 colors or a radial gradient for the circle as well. Any help is greatly appreciated.

score 1 · Answer 1 · edited May 23 '17 at 11:44

1

You can Try with making Drawable XML. Example

    <?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="circle" >

    <gradient
        android:angle="90"
        android:centerColor="#555994"
        android:endColor="#b5b6d2"
        android:startColor="#555994"
        android:type="linear" />    

</shape>

Arrange angle based on your requirement.

If you wants to change Color progarmatically then read this:-

How do I programmatically set the background color gradient on a Custom Title Bar?

edited May 23 '17 at 11:44

Community

1
1

answered Oct 12 '15 at 07:13

Hradesh Kumar

1,593
13
18

Is there a shape called circle ? – K Pradeep Kumar Reddy Mar 10 '21 at 12:49

score 0 · Answer 2 · answered Apr 29 '20 at 07:18

Belated but can be helpful for someone else

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="oval">
        <gradient android:angle="0" android:endColor="#fff" android:gradientRadius="@dimen/_30sdp" android:startColor="@color/colorPrimaryDark" android:type="radial" />
        <size android:width="@dimen/_25sdp" android:height="@dimen/_25sdp" />
    </shape>
</item>

Output

XML Circle with gradient fill Android

2 Answers2