Android - border for button

Question

How do I add a border to a button  Is it possible to do this without resorting to use of images

User · Answer

Create a button border xml file in your drawable folder  res drawable button border xml  lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt shape xmlns android  quot http   schemas android com apk res android quot      android shape  quot rectangle quot   gt        lt solid android color  quot  FFDA8200 quot    gt        lt stroke         android width  quot 3dp quot          android color  quot  FFFF4917 quot    gt    lt  shape gt   And add button to your XML activity layout and set background android background  quot  drawable button border quot    lt Button     android layout width  quot wrap content quot      android layout height  quot wrap content quot      android background  quot  drawable button border quot      android text  quot Button Border quot    gt

User · Answer

Please look here about creating a shape drawable http   developer android com guide topics resources drawable-resource html Shape  Once you have done this  in the XML for your button set android background   drawable your button border

User · Answer

In your XML layout    lt Button     android id    id cancelskill      android layout width  0dp      android layout height  wrap content      android layout marginLeft  25dp      android layout weight  1      android background   drawable button border      android padding  10dp      android text  Cancel      android textAllCaps  false      android textColor   ffffff      android textSize  20dp    gt    In the drawable folder  create a file for the button s border style    lt shape xmlns android  http   schemas android com apk res android      android shape  rectangle   gt       lt stroke         android width  1dp          android color   f43f10    gt   lt  shape gt    And in your Activity       GradientDrawable gd1   new GradientDrawable        gd1 setColor 0xFFF43F10      Changes this drawbale to use a single color instead of a gradient     gd1 setCornerRadius 5       gd1 setStroke 1  0xFFF43F10        cancelskill setBackgroundDrawable gd1        cancelskill setOnClickListener new View OnClickListener               Override         public void onClick View v                cancelskill setBackgroundColor Color parseColor   ffffff                 cancelskill setTextColor Color parseColor   f43f10                  GradientDrawable gd   new GradientDrawable                 gd setColor 0xFFFFFFFF      Changes this drawbale to use a single color instead of a gradient             gd setCornerRadius 5               gd setStroke 1  0xFFF43F10               cancelskill setBackgroundDrawable gd                finish

User · Answer

I know its about a year late  but you can also create a 9 path image There s a tool that comes with android SDK which helps in creating such image See this link  http   developer android com tools help draw9patch html  PS  the image can be infinitely scaled as well

User · Answer

Step 1   Create file named   my button bg xml  Step 2   Place this file in res drawables xml  Step 3   Insert below code   lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android    android shape  rectangle  gt     lt gradient android startColor   FFFFFF       android endColor   00FF00      android angle  270    gt     lt corners android radius  3dp    gt     lt stroke android width  5px  android color   000000    gt   lt  shape gt    Step 4  Use code  android background   drawable my button bg  where needed eg below    lt Button     android layout width  wrap content      android layout height  wrap content      android text  Your Text      android background   drawable my button bg        gt

User · Answer

If your button does not require a transparent background  then you can create an illusion of a border using a Frame Layout  Just adjust the FrameLayout s  padding  attribute to change the thickness of the border    lt FrameLayout         android layout width  wrap content          android layout height  wrap content          android padding  1sp          android background   000000  gt           lt Button             android layout width  wrap content              android layout height  wrap content              android text  Your text goes here              android background   color white              android textColor   color black              android padding  10sp                gt   lt  FrameLayout gt    I m not sure if the shape xml files have dynamically-editable border colors  But I do know that with this solution  you can dynamically change the color of the border by setting the FrameLayout background

User · Answer

Android Official Solution  Since Android Design Support v28 was introduced  it s easy to create a bordered button using MaterialButton  This class supplies updated Material styles for the button in the constructor  Using app strokeColor and app strokeWidth you can create a custom border as following     1  When you use androidx   build gradle  dependencies       implementation  androidx appcompat appcompat 1 1 0      implementation  com google android material material 1 0 0          Bordered Button    lt com google android material button MaterialButton     style   style Widget AppCompat Button Colored      android layout width  wrap content      android layout height  wrap content      android text  MATERIAL BUTTON      android textSize  15sp      app strokeColor   color green      app strokeWidth  2dp    gt        Unfilled Bordered Button    lt com google android material button MaterialButton     style   style Widget AppCompat Button Borderless      android layout width  wrap content      android layout height  wrap content      android text  UNFILLED MATERIAL BUTTON      android textColor   color green      android textSize  15sp      app backgroundTint   android color transparent      app cornerRadius  8dp      app rippleColor   33AAAAAA      app strokeColor   color green      app strokeWidth  2dp    gt      2  When you use appcompat   build gradle  dependencies       implementation  com android support design 28 0 0      style xml  Ensure your application theme inherits from Theme MaterialComponents instead of Theme AppCompat    lt style name  AppTheme  parent  Theme MaterialComponents Light DarkActionBar  gt       lt  -- Customize your theme here  -- gt   lt  style gt          Bordered Button    lt android support design button MaterialButton     android layout width  wrap content      android layout height  wrap content      android text  MATERIAL BUTTON      android textSize  15sp      app strokeColor   color green      app strokeWidth  2dp    gt        Unfilled Bordered Button    lt android support design button MaterialButton     style   style Widget AppCompat Button Borderless      android layout width  wrap content      android layout height  wrap content      android text  UNFILLED MATERIAL BUTTON      android textColor   color green      android textSize  15sp      app backgroundTint   android color transparent      app cornerRadius  8dp      app rippleColor   33AAAAAA      app strokeColor   color green      app strokeWidth  2dp    gt        Visual Result

User · Answer

create drawable button green xml    lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android    android shape  rectangle  gt     lt gradient     android startColor   003000      android centerColor   006000      android endColor   003000      android angle  270    gt     lt corners android radius  5dp    gt     lt stroke android width  2px  android color   007000    gt   lt  shape gt    and point it out as  drawable button green    lt Button         android id    id button1          android layout width  wrap content          android layout height  wrap content          android layout margin  10dp          android background   drawable button green          android text  Button    gt

[android] Android - border for button

Examples related to android

Examples related to button

Examples related to border