删除Button的填充不起作用

Question

我想使Button的顶部和底部具有固定的填充，例如20dp。

但是现在如果我设置Button的填充：

android:paddingTop="20dp"
android:paddingBottom="20dp"

结果类似于：

问题出在文本THIS IS A BUTTON的上方/下方，填充为20dp +粉色区域的高度。

您可以看到绿色和蓝色视图块的高度均为20dp。然后两个粉红色的填充似乎是默认值。即使我将0dp设置为填充，粉色空间仍然存在。（作为底部按钮）

有什么方法可以消除粉红色区域的高度，使文本的顶部/底部仅为20dp？或粉红色的高度值是多少？ （似乎顶部和底部的粉红色区域的高度不同）

这是我的代码：

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/white">

<Button
    android:id="@+id/back_button"
    style="@style/Widget.AppCompat.Button.Borderless"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="72dp"
    android:background="@color/red"
    android:paddingTop="20dp"
    android:paddingBottom="20dp"
    android:text="This is a button"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<View
    android:layout_width="wrap_content"
    android:layout_height="20dp"
    android:background="@color/green"
    app:layout_constraintStart_toEndOf="@+id/back_button"
    app:layout_constraintTop_toTopOf="@+id/back_button">

</View>

<View
    android:id="@+id/view2"
    android:layout_width="wrap_content"
    android:layout_height="20dp"
    android:background="@color/blue"
    app:layout_constraintBottom_toBottomOf="@+id/back_button"
    app:layout_constraintStart_toEndOf="@+id/back_button">

</View>

<Button
    android:id="@+id/button2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    style="@style/Widget.AppCompat.Button.Borderless"
    android:layout_marginTop="2dp"
    android:minHeight="0dp"
    android:background="@null"
    android:text="This is a button"

    app:layout_constraintStart_toStartOf="@+id/back_button"
    app:layout_constraintTop_toBottomOf="@+id/back_button" />


</androidx.constraintlayout.widget.ConstraintLayout >

Answer 1

请尝试这个

<Button
        android:id="@+id/back_button"
        style="@style/Widget.AppCompat.Button.Borderless"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="72dp"
        android:background="@color/red"
        android:paddingTop="20dp"
        android:paddingBottom="20dp"
        android:text="This is a button"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <View
        android:id="@+id/view1"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:background="@color/green"
        app:layout_constraintStart_toEndOf="@+id/back_button"
        app:layout_constraintTop_toTopOf="@+id/back_button"
        app:layout_constraintBottom_toTopOf="@id/view2">

    </View>

    <View
        android:id="@+id/view2"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:background="@color/blue"
        app:layout_constraintTop_toBottomOf="@id/view1"
        app:layout_constraintBottom_toBottomOf="@+id/back_button"
        app:layout_constraintStart_toEndOf="@+id/back_button">

    </View>

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        style="@style/Widget.AppCompat.Button.Borderless"
        android:layout_marginTop="2dp"
        android:minHeight="0dp"
        android:background="@null"
        android:text="This is a button"

        app:layout_constraintStart_toStartOf="@+id/back_button"
        app:layout_constraintTop_toBottomOf="@+id/back_button" />

希望此帮助...

Answer 2

Button类扩展了TextView类，而Button类为TextView设置了一些默认填充。

所以，有两种解决方案

1. 创建一个扩展Button类的自定义类（即创建自定义按钮）。
2. 使用TextView代替按钮。（简单易用，我喜欢）。

使用诸如Button之类的TextView的代码段

_.groupBy

由于声望低，我无法对此发表评论，所以如果它对您不起作用，请不要投下反对票。而且，如果它适合您，也不要忘记对其进行投票。

谢谢。