How to create Gradiant Buttons in android?

By | November 17, 2011

You can create any type of views in android and you can provide any color you want as background. It can be a single color or any number of colors as you wish.

Here is a simple example.

First create an xml inside the res/drawable folder and name it blue_button.xml and copy this code into it.

[xml]
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" >
<shape>
<solid
android:color="#449def" />
<stroke
android:width="1dp"
android:color="#2f6699" />
<corners
android:radius="3dp" />
<padding
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp" />
</shape>
</item>
<item>
<shape>
<gradient
android:startColor="#449def"
android:endColor="#2f6699"
android:angle="360" />
<stroke
android:width="1dp"
android:color="#2f6699" />
<corners
android:radius="4dp" />
<padding
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp" />
</shape>
</item>
<item>
<shape>
<gradient
android:startColor="#119dff"
android:endColor="#8f6788"
android:angle="360" />
<stroke
android:width="1dp"
android:color="#2f6699" />
<corners
android:radius="4dp" />
<padding
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp" />
</shape>
</item>
</selector>
[/xml]

Now apply this as background in a button in your xml layout.

See how it appears.

Gradiant Button Demo

Gradiant Button in android

Download this sample code from here.
Please leave your valuable comments also.

Leave a Reply

Your email address will not be published. Required fields are marked *