How to create striped button with rounded corners

Question

Is it possible to create a button with striped background and rounded corners?

I know how to make striped background (diagonal stripes) using http://www.stripegenerator.com/ and bitmap xml with tileMode="repeat" and I know how to create round corners with shapes, I even can put them altogether in layer-list but I don't know how to make bitmap with rounded corners....

My answer here might help. http://stackoverflow.com/a/15148400/714249 — Splash, Mar 01 '13 at 00:40

score 1 · Answer 1 · answered Jul 04 '12 at 12:54

1

I think you can have a look at the Draw Nine Patch tecnique.

This is the official documentation:

http://developer.android.com/tools/help/draw9patch.html

And this is a good tutorial to start with:

http://radleymarx.com/blog/simple-guide-to-9-patch/

answered Jul 04 '12 at 12:54

Stefano Ortisi

5,288
3
33
41

thanks for advice but I suspect that 9patch is not going to work because I have diagonal stripes, am I wrong? – endryha Jul 04 '12 at 13:05

score 1 · Accepted Answer · answered Jul 04 '12 at 14:22

I resolved my issue with following xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <layer-list>
            <item android:top="1dp" android:bottom="1dp" android:left="1dp" android:right="1dp">
                <bitmap android:src="@drawable/btn_green_light_bkg_pattern"
                        android:tileMode="repeat"
                        android:dither="true"/>
            </item>
            <item>
                <shape android:shape="rectangle">
                    <corners android:radius="5dp"/>
                    <stroke android:width="2dp" android:color="#e6f4cc"/>
                    <solid android:color="@android:color/transparent"/>
                </shape>
            </item>
            <item android:top="2dp">
                <shape android:shape="rectangle">
                    <corners android:radius="5dp"/>
                    <stroke android:width="1dp" android:color="#c3e392"/>
                    <solid android:color="@android:color/transparent"/>
                </shape>
            </item>
            <item>
                <shape android:shape="rectangle">
                    <corners android:radius="5dp"/>
                    <stroke android:width="1dp" android:color="#a6a6a6"/>
                    <solid android:color="@android:color/transparent"/>
                </shape>
            </item>
        </layer-list>
    </item>
    <item android:state_pressed="true">
        <layer-list>
            <item android:top="1dp" android:bottom="1dp" android:left="1dp" android:right="1dp">
                <bitmap android:src="@drawable/btn_green_dark_bkg_pattern"
                        android:tileMode="repeat"
                        android:dither="true"/>
            </item>
            <item>
                <shape android:shape="rectangle">
                    <corners android:radius="5dp"/>
                    <stroke android:width="2dp" android:color="#e6f4cc"/>
                    <solid android:color="@android:color/transparent"/>
                </shape>
            </item>
            <item android:top="2dp">
                <shape android:shape="rectangle">
                    <corners android:radius="5dp"/>
                    <stroke android:width="1dp" android:color="#c3e392"/>
                    <solid android:color="@android:color/transparent"/>
                </shape>
            </item>
            <item>
                <shape android:shape="rectangle">
                    <corners android:radius="5dp"/>
                    <stroke android:width="1dp" android:color="@android:color/black"/>
                    <solid android:color="@android:color/transparent"/>
                </shape>
            </item>
        </layer-list>
    </item>
</selector>

How to create striped button with rounded corners

2 Answers2

Linked