How to remove padding around buttons in Android

Question

In my Android app  I have this layout    lt  xml version  1 0  encoding  utf-8    gt    lt LinearLayout xmlns android  http   schemas android com apk res android         android layout width  match parent         android layout height  match parent         android orientation  vertical  gt        lt fragment          android id    id map           android layout width  match parent           android layout height  0dp            android layout weight  1            class  com google android gms maps SupportMapFragment   gt        lt Button         android id    id button back          android layout width  fill parent          android layout height  wrap content          android onClick  CloseActivity          android padding  0dp          android text    string back    gt    lt  LinearLayout gt    In the preview and on the phone  it looks like     As you can see on the button in the bottom area  there is some padding there   How can I get rid of that  and let the button fully fill the bottom area

User · Answer

After hours of digging around multiple answers I finally found a solution that doesn't use a different element, manipulate minHeight or minWidth, or even wrapping Button around a RelativeLayout.

<Button
    android:foreground="?attr/selectableItemBackground"
    android:background="@color/whatever" />

The main takeaway here is the setting of the foreground instead of background as many of the answers stipulate. Changing the background itself to selectableItemBackground will just overwrite any changes you made to the button's color/background, if any.

Changing the foreground gives you the best of both worlds: get rid of the "invisible" padding and retain your button's design.

User · Answer

A standard button is not supposed to be used at full width which is why you experience this   Background  If you have a look at the Material Design - Button Style you will see that a button has a 48dp height click area  but will be displayed as 36dp of height for   some reason   This is the background outline you see  which will not cover the whole area of the button itself  It has rounded corners and some padding and is supposed to be clickable by itself  wrap its content  and not span the whole width at the bottom of your screen   Solution  As mentioned above  what you want is a different background  Not a standard button  but a background for a selectable item with this nice ripple effect   For this use case there is the  selectableItemBackground theme attribute which you can use for your backgrounds  especially in lists   It will add a platform standard ripple  or some color state list on  lt  21  and will use your current theme colors   For your usecase you might just use the following    lt Button     android id    id sign in button      style   android attr buttonBarButtonStyle      android layout width  match parent      android layout height  wrap content      android text  Login      android background   attr selectableItemBackground    gt                      lt  --     that s all -- gt    There is also no need to add layout weights if your view is the only one and spans the whole screen  If you have some different idea on what your background should look like you have to create a custom drawable yourself  and manage color and state there      This answer copied from Question  How to properly remove padding  or margin   around buttons in Android

User · Answer

It doesn t seem to be padding  margin  or minheight width  Setting android background   null  the button loses its touch animation  but it turns out that setting the background to anything at all fixes that border     I am currently working with   minSdkVersion 19 targetSdkVersion 23

User · Answer

Give your button a custom background     drawable material btn blue

User · Answer

for MaterialButton  add below properties  it will work perfectly  lt android support design button MaterialButton     android layout width  quot wrap content quot      android layout height  quot wrap content quot      android insetTop  quot 0dp quot      android insetBottom  quot 0dp quot   gt

User · Answer

My solution was set to 0 the insetTop and insetBottom properties    lt android support design button MaterialButton         android layout width  match parent          android layout height  wrap content          android insetTop  0dp          android insetBottom  0dp          android text   string view video          android textColor   color white   gt

User · Answer

I had the same problem and it seems that it is because of the background color of the button  Try changing the background color to another color eg   android background   color colorActive    and see if it works  You can then define a style if you want for the button to use

User · Answer

To remove the Top and Bottom padding   lt com google android material button MaterialButton         android layout width  wrap content          android layout height  wrap content          android minHeight  0dp   to effect the following parameters  this must be added          android insetTop  0dp          android insetBottom  0dp   gt    To remove the Left and Right padding   lt com google android material button MaterialButton         android layout width  wrap content          android layout height  wrap content          android minWidth  0dp   to effect the following parameters  this must be added          android insetLeft  0dp          android insetRight  0dp   gt

User · Answer

You can also do it with layout width height  parameters    E g  I have deleted top and bottom space with android layout height  18dp  code

User · Answer

For removing padding around toggle button we need set minWidth and minHeight 0dp android minWidth  0dp  android minHeight  0dp      lt ToggleButton         android id    id toggle row notifications          android layout width  wrap content          android layout height  wrap content          android minWidth  0dp          android minHeight  0dp          android layout alignParentRight  true          android layout centerVertical  true          android padding   dimen  5sdp          android textOn            android textOff            android background   android color transparent          android button   drawable toggle selector            gt    set your drawable file to button attribute like  android button   drawable toggle selector   Below is my toggle selecter xml file   lt  xml version  1 0  encoding  utf-8   gt        lt selector xmlns android  http   schemas android com apk res android  gt               lt item android drawable   drawable notifications toggle on                     android state checked  true   gt               lt item android drawable   drawable notifications toggle off                     android state checked  false   gt        lt  selector gt

User · Answer

For me the problem turned out to be minHeight and minWidth on some of the Android themes   On the Button element  add    lt Button android minHeight  0dp  android minWidth  0dp        Or in your button s style    lt item name  android minHeight  gt 0dp lt  item gt   lt item name  android minWidth  gt 0dp lt  item gt

User · Answer

That s not padding  it s the shadow around the button in its background drawable  Create your own background and it will disappear

User · Answer

A workaround may be to try to use -ve values for margins like following    lt Button     android id    id button back      android layout width  fill parent      android layout height  wrap content      android onClick  CloseActivity      android padding  0dp      android layout marginLeft  -5dip      android layout marginRight  -5dip      android layout marginTop  -5dip      android layout marginBottom  -5dip      android text   string back    gt    It will make that space vanish  I mean you can choose the appropriate dip value  which makes it go away  It worked for me  Hope it works for you

User · Answer

It s not a padding but or the shadow of the background drawable or a problem with the minHeight and minWidth   If you still want the nice ripple affect  you can make your own button style using the  attr selectableItemBackground    lt style name  Widget AppTheme MyCustomButton  parent  Widget AppCompat Button Borderless  gt       lt item name  android minHeight  gt 0dp lt  item gt       lt item name  android minWidth  gt 0dp lt  item gt       lt item name  android layout height  gt 48dp lt  item gt       lt item name  android background  gt  attr selectableItemBackground lt  item gt   lt  style gt    And apply it to the button    lt Button      style   style Widget AppTheme MyCustomButton            gt

User · Answer

I am new to android but I had a similar situation  I did what  Delyan suggested and also used android background   null  in the xml layout file

User · Answer

In the button s XML set android includeFontPadding  false

User · Answer

You can use Borderless style in AppCompatButton like below  and use android background with it      style   style Widget AppCompat Button Borderless Colored    Button code   lt androidx appcompat widget AppCompatButton         android id    id button visa next          android background   color colorPrimary          style   style Widget AppCompat Button Borderless Colored          android layout width  0dp          android layout height  wrap content          android layout marginTop   dimen spacing normal          android text   string next          android textColor   color white          app layout constraintBottom toBottomOf  parent          app layout constraintEnd toEndOf  parent          app layout constraintStart toStartOf  parent    gt    Output

[java] How to remove padding around buttons in Android?

Examples related to java

Examples related to android

Examples related to button