Programmatically add Gradient with solid color and stroke

Question

Currently I am using this code to add color:

ShapeDrawable drawable = new ShapeDrawable(new OvalShape());
drawable.getPaint().setColor(color);

Now I need to apply some gradient colors to it along with stroke(like border with different color). I am setting this as background to button.

Here is what I am expecting, I need to do it programmatically.

enter image description here

David Manpearl · Answer 1 · 2013-03-22T06:35:21.553

4

Add a RadialGradient to your drawable like this:

Shader shader = new RadialGradient(x, y, radius, color0, color1, Shader.TileMode.REPEAT);
drawable.getPaint().setShader(shader);

Obviously, you can interchange LinearGradient, SweepGradient, and any of the parameters.

Here is how to add the stroke:

drawable.getPaint().setStrokeWidth(3);
drawable.getPaint().setColor(Color.WHITE);
drawable.getPaint().setStyle(Paint.Style.FILL_AND_STROKE);

Hmmm, I think I have to defer to @StinePike with the GradientDrawable:

GradientDrawable gd = new GradientDrawable();
gd.setColor(Color.RED);
gd.setCornerRadius(10);
gd.setStroke(2, Color.WHITE);
gd.setShape(GradientDrawable.OVAL);

edited Mar 22 '13 at 06:35

answered Mar 22 '13 at 06:14

David Manpearl

12,362
8
55
72

Thanks what about stroke which i have it in my image? i mean the blue border – Goofy Mar 22 '13 at 06:16
No buddy its not working and corners are rectangle now and also i want the stroke color to be different, can you please help me on that – Goofy Mar 22 '13 at 06:19
That's all I got. When I saw your request I was expecting my RadialGradient example from a recent project to work for you. Without a bit of experimenting, I cannot help you any further. I hope this helped a little bit. Good luck! – David Manpearl Mar 22 '13 at 06:26
One last and final question i tried this :GradientDrawable drawable = new GradientDrawable(Orientation.TOP_BOTTOM, new int[]{Color.RED, Color.GREEN}); but i need the CENTER instead of TOP_BOTTOM – Goofy Mar 22 '13 at 06:48

score 3 · Answer 2 · edited May 23 '17 at 11:54

3

use GradientDrawable to create gradient

or

you can see this answer

edited May 23 '17 at 11:54

Community

1
1

answered Mar 22 '13 at 06:16

stinepike

54,068
14
92
112

what about the stroke with color? – Goofy Mar 22 '13 at 06:22
there is a setStroke method in gradient drawable – stinepike Mar 22 '13 at 06:27
Yes its working now but how to make the gradient drawable with oval shape? – Goofy Mar 22 '13 at 06:31
in the setShape method u can set OVAL as constant.. Please check the whole gradientdrawable doc first – stinepike Mar 22 '13 at 06:33
one question.. why dont you are creating the shape differently as xml and use it as background from code? – stinepike Mar 22 '13 at 06:34
One last and final question i tried this :GradientDrawable drawable = new GradientDrawable(Orientation.TOP_BOTTOM, new int[]{Color.RED, Color.GREEN}); but i need the CENTER instead of TOP_BOTTOM – Goofy Mar 22 '13 at 06:48
check this answer http://stackoverflow.com/a/14383974/931982. if my answer solves your problem pls accept it. – stinepike Mar 22 '13 at 08:00

Programmatically add Gradient with solid color and stroke

2 Answers2

Linked