How to create custom button with xml style

Question

enter image description here

Please suggest someone how to create button like this with xml style in android, without using any image only with the help of color ,shape and style.

Community · Accepted Answer · 2020-06-20 09:12:55Z

4

Use layer-list for this.Try the below code

<Button
        android:id="@+id/button_register"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button_background"
        android:text="Cancel"
        android:padding="15dp"
        android:textStyle="bold"
         />

button_background.xml

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

    <item>
        <shape android:shape="rectangle" >

    <gradient
        android:endColor="#FFFFFF"
        android:startColor="#A9A9A9"
        android:type="linear" />


            <stroke
                android:width="2dp"
                android:color="#5E2612" />


            <corners
                android:bottomLeftRadius="10dp"
                android:bottomRightRadius="10dp"
                android:topLeftRadius="10dp"
                android:topRightRadius="10dp" />
        </shape>
    </item>
    <item
        android:bottom="4dp"
        android:left="4dp"
        android:right="4dp"
        android:top="4dp">
        <shape android:shape="rectangle" >
            <gradient
                android:angle="90"
                android:endColor="#A9A9A9"
                android:startColor="#FFFFFF"
                android:type="linear" />

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


        </shape>
    </item>

</layer-list>

It should work

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Oct 8, 2013 at 12:48

Manishika

5,5942 gold badges25 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Pramod Over a year ago

it now working please suggest me how to do like mentioned image

Manishika Over a year ago

This style is almost same as your desired image.Let me know what more you want?

Zohaib · Accepted Answer · 2013-10-08 12:36:16Z

3

Check out these examples how to create custum buttons. Link1 Link2

answered Oct 8, 2013 at 12:36

Zohaib

2,8652 gold badges27 silver badges33 bronze badges

Collectives™ on Stack Overflow

How to create custom button with xml style

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related