How to add border to Android Button


We cannot add a border to an Android button using Button view attributes, to do so we need to create an XML file in the drawable folder and set this drawable XML as background to the Button view.

Examples :

1. button_border.xml: Place this file in drawable folder.

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >

<stroke
    android:width="4dp"
    android:color="#000000" />

</shape>

2. activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context="com.code2care.example.whatsappintegrationexample.MainActivity"
   tools:ignore="HardcodedText" >

<Button
     android:id="@+id/button1"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_centerHorizontal="true"
     android:layout_centerVertical="true"
     android:background="@drawable/button_border"
     android:text="Click" />

</RelativeLayout>
Result
Android Button with broder.png
Android Button with broder.png



Recent Posts:




Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.