如何在Android中删除按钮周围的填充?

在我的Android应用程序中，我有这样的布局:

<?xml version="1.0" encoding="utf-8" ?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:orientation="vertical">

    <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"/>

    <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" />

</LinearLayout>

在预览和在手机上，它看起来是这样的:

正如你在底部区域的按钮上看到的，那里有一些填充。

我怎么能摆脱它，让按钮完全填满底部区域?

当前回答

为了消除填充左右切换按钮，我们需要设置minWidth和minHeight 0dp。android: minWidth = " 0 dp " android: minHeight = " 0 dp”

  <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"
        />

设置你的可绘制文件的按钮属性，如:android:button="@drawable/toggle_selector"

下面是我的toggle_selector .xml文件

<?xml version="1.0" encoding="utf-8"?>
     <selector xmlns:android="http://schemas.android.com/apk/res/android">
            <item android:drawable="@drawable/notifications_toggle_on" 
                  android:state_checked="true"/>
            <item android:drawable="@drawable/notifications_toggle_off" 
                  android:state_checked="false"/>
     </selector>

2017-09-23 11:25:52

其他回答

我也遇到了同样的问题，似乎是因为按钮的背景颜色。试着把背景色换成另一种颜色，例如:

android:background="@color/colorActive"

看看它是否有效。然后，如果您想要使用按钮，可以定义一个样式。

2017-01-13 15:19:15

你可以像下面这样在AppCompatButton中使用Borderless style。并使用android:background与之配合。

style=“@style/Widget.AppCompat.Button.Borderless.Colored”

按钮的代码

<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" />

输出:

2020-05-14 07:07:21

经过几个小时的深入研究，我终于找到了一个解决方案，不使用不同的元素，操纵minHeight或minWidth，甚至包裹按钮周围的RelativeLayout。

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

这里的主要收获是前景的设置，而不是许多答案所规定的背景。将背景本身更改为selectableItemBackground将覆盖您对按钮的颜色/背景所做的任何更改(如果有的话)。

改变前景可以让你两全其美:去掉“看不见的”填充，保留按钮的设计。

2019-12-11 10:56:33

我刚接触机器人，但我也遇到过类似的情况。我做了什么@Delyan建议，也使用android:background=“@null”在xml布局文件。

2013-07-31 02:43:43

一个标准的按钮不应该在全宽度使用，这就是为什么你会遇到这种情况。

背景

如果你看一下材质设计-按钮样式，你会看到一个按钮有一个48dp高度的点击区域，但会显示为36dp高度…一些原因。

这是你看到的背景轮廓，它不会覆盖按钮本身的整个区域。它有圆角和一些填充，应该是可点击的本身，包装其内容，而不是跨越整个宽度在你的屏幕底部。

解决方案

如上所述，你需要的是一个不同的背景。不是一个标准的按钮，而是一个具有良好涟漪效应的可选择项目的背景。

对于这个用例，有?selectableItemBackground主题属性，您可以将其用于您的背景(特别是在列表中)。它将添加一个平台标准波纹(或一些颜色状态列表< 21)，并将使用您当前的主题颜色。

对于你的用例，你可以使用下面的代码:

<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" />
                   <!--  /\ that's all -->

如果你的视图是唯一的并且横跨整个屏幕，也不需要添加布局权重

如果你对你的背景应该是什么样子有不同的想法，你必须自己创建一个自定义的绘图，并管理那里的颜色和状态。

这个问题的答案复制:如何正确地删除填充(或空白?)在Android的按钮?

2019-09-12 13:38:16

如何在Android中删除按钮周围的填充?

推荐文章

最新文章

标签