android - 如何删除 Material 设计按钮中的额外填充或边距？

Question

我正在尝试创建一个按钮，它附加到按钮上方的 TextView，如下图所示。

以上截图来自Note 4，操作系统版本为5.0.1。

下面是实现UI的代码。

布局/xyz.xml

    <Button
    android:layout_width="250dp"
    android:layout_height="50dp"
    android:theme="@style/myButton"
    android:text="Cancel"/>

values-v21/style.xml

    <style name="myButton" parent="@style/Base.Widget.AppCompat.Button">
    <item name="android:colorButtonNormal">#3578A9</item>
    <item name="android:inset">0dp</item>
    </style>

但如果我在 Nexus4 操作系统版本 5.1.1 中运行相同的代码，该按钮会占用所有 4 个边的边距，屏幕截图如下所示。

如果我删除“android:theme”并提供“android:background”，UI 看起来就像第一张图片。但它不会产生链式 react 。那么如何将 UI 实现为具有涟漪效果的第一张图片。

Answer 1

android:insetBottom="0dp"

<com.google.android.material.button.MaterialButton
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:text="Edit"
        app:cornerRadius="0dp"
        android:insetBottom="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />