Skip to content Skip to sidebar Skip to footer

How To Create Striped Button With Rounded Corners

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 bi

Solution 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/

Solution 2:

I resolved my issue with following xml

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

Post a Comment for "How To Create Striped Button With Rounded Corners"