How to create shape with solid, corner, stroke in Java Code?

Question

I have a shape defined in the xml file below, now I want to change to solid color programmatically.

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

    <solid android:color="#DFDFE0" />

    <corners
        android:bottomLeftRadius="8dp"
        android:bottomRightRadius="8dp"
        android:topLeftRadius="8dp"
        android:topRightRadius="8dp" />

    <stroke
        android:width="3dp"
        android:color="#2E3135" />

</shape>

I think I should have a class which extends ShapeDrawable, and implements the onDraw method. Anyone knows how to?

You can view the source code of Resources.getDrawable(int resId), and you will find that Shape tag point to GradientDrawable. — Yugy, Sep 18 '15 at 07:44
@yugy Thanks for you good suggestion, that's a good way to work out this kind of problems. — srain, Oct 03 '15 at 20:43

score 28 · Accepted Answer · edited Feb 12 '18 at 09:24

28

Finally, I worked it out!

// prepare
int strokeWidth = 5; // 5px not dp
int roundRadius = 15; // 15px not dp
int strokeColor = Color.parseColor("#2E3135");
int fillColor = Color.parseColor("#DFDFE0");

GradientDrawable gd = new GradientDrawable();
gd.setColor(fillColor);
gd.setCornerRadius(roundRadius);
gd.setStroke(strokeWidth, strokeColor);

edited Feb 12 '18 at 09:24

Bhavit S. Sengar

8,794
6
24
34

answered Jul 16 '13 at 07:08

srain

8,944
6
30
42

1

Could you please tell me how to create a circle. – Lalit Fauzdar Aug 10 '17 at 13:47
you can use context.dip(5) from kotlin Anko layouts to use dp – Evgenii Vorobei Feb 26 '19 at 14:42

Sir NIkolay Cesar The First · Answer 2 · 2016-01-25T09:54:24.330

I would prefer to make shape in shape and to add padding to the inner shape...

Like this:

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#2E3135" />
            <corners
                android:bottomLeftRadius="8dp"
                android:bottomRightRadius="8dp"
                android:topLeftRadius="8dp"
                android:topRightRadius="8dp" />
        </shape>
    </item>
    <item
        android:bottom="3dp"
        android:left="3dp"
        android:right="3dp"
        android:top="3dp">
        <shape android:shape="rectangle">
            <solid android:color="#DFDFE0" />
            <corners
                android:bottomLeftRadius="5dp"
                android:bottomRightRadius="5dp"
                android:topLeftRadius="5dp"
                android:topRightRadius="5dp" />
        </shape>
    </item>
</layer-list>

UPDATE: I found that the corners of the inner shape should be smaller for a better look... For a different proportions you will need to test which inner radius, outer radius and stroke size(the padding) is best for your solution

Great tip on making the inner corner radius smaller. I thought mine looked off, and I tried this and they look much better. Thanks! — Yurelle, May 17 '21 at 04:15

How to create shape with solid, corner, stroke in Java Code?

2 Answers2