Add border to button image for android

Question

<Button
        android:id="@+id/button_send"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:background="@drawable/buttons"
        android:drawablePadding="10dp"
        android:gravity="left"
        android:padding="15dp"
        android:text="Button"
        android:textColor="#fff"
        android:textSize="15sp" />

Above is my code for Button in My xml file.

My button.xml code is

    <item android:drawable="@drawable/btn_bg_hover"
          android:state_pressed="true" />
    <item android:drawable="@drawable/btn_bg_default"
          android:state_focused="true" />
    <item android:drawable="@drawable/btn_bg_default"/>

kindly help me how to add border to that button.

Note: @drawable/btn_bg_hover is image

Check this : http://stackoverflow.com/a/7690648/5476209 – TapanHP Jun 29 '16 at 04:20 — TapanHP, Jun 29 '16 at 04:20

score 1 · Answer 1 · edited May 23 '17 at 12:16

1

User stroke tag Android - border for button

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<gradient android:startColor="#FFFFFF" android:endColor="#00FF00" android:angle="270" />
<corners android:radius="3dp" />
<stroke android:width="5px" android:color="#000000" />

edited May 23 '17 at 12:16

Community

1
1

answered Mar 25 '15 at 04:55

thienkhoi tran

341
2
9

score 0 · Answer 2 · answered Jun 29 '16 at 04:58

You have to make your custom background drawable file and use it, the stroke property is the one you have to use for making border.
Steps :
Go to res -> drawable -> by right click -> new -> android drawable resource
copy paste this code

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle">
  <gradient android:startColor="#FFFFFF" 
    android:endColor="#00FF00"
    android:angle="270" />
 <stroke android:width="5px" android:color="#000000" />
</shape>

Here you see the stroke you can change values to make it in your way.

and use it as any components background by

<android:Background ="@drawable/yourCustomBorder.xml"> for example.

Add border to button image for android

2 Answers2