背景向按钮添加更多填充

Question

我的 Android Studio 中有这个简单的 XML 文件。有2个按钮

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/linearLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/black"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button 1"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/white"
        android:text="Button 2" />

</LinearLayout>

这是结果

按钮 1 和按钮 2 的唯一区别是为按钮 2 添加了背景，但是背景为按钮 2 添加了更多的填充。

任何人都可以告诉我为什么会这样以及我可以做些什么来删除额外的填充

Answer 1

首先将 Button 替换为 MaterialButton，然后您可以尝试向 insetTop 和 insetBottom 添加零，如下所示。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linearLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/black"
android:orientation="vertical">

<com.google.android.material.button.MaterialButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:insetBottom="0dp"
    android:insetTop="0dp"
    android:text="Button 1"/>

<com.google.android.material.button.MaterialButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:insetBottom="0dp"
    android:insetTop="0dp"
    android:background="@color/white"
    android:text="Button 2" />

Answer 2

由于您使用的是 MaterialComponents.* 主题，因此您的 Button 在运行时被 MaterialButton 替换。

在第 2 个 Button 中，使用带有 android:background 的自定义背景，不使用默认的 MaterialShapeDrawable 和一些功能，如描边、形状外观（圆角）、波纹、insets 未设置（因为它们与 MaterialShapeDrawable 相关）。您必须向他们提供您的自定义背景。

使用：

<Button
    app:backgroundTint="@color/white"
    ../>

背景向按钮添加更多填充

Background adding more padding to Button

xml

android

android-button

material-components-android