MaterialButton 比它应该的宽

Question

在实施 MaterialButton 之后，由于某种原因，它的宽度似乎没有环绕到内部的文本，在右侧留下额外的 space。 MaterialButton 是否需要在 ConstraintLayout 内才能工作？还是我的代码中有什么地方不正确？

按钮布局

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.button.MaterialButton
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/myBtn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="start|center_vertical"
    android:padding="12dp"
    android:layout_margin="12dp"
    style="@style/Widget.MaterialComponents.Button.OutlinedButton" />

Answer 1

MaterialButton 使用在其层次结构深处继承自 Base.Widget.AppCompat.Button 的样式，它定义了此属性：

<item name="android:minWidth">88dip</item>

您可以在您自己的 style/theme 或直接在您的 <Button> 标签上覆盖它：

android:minWidth="1dp"

您可以通过查看 Widget.MaterialComponents.Button 样式的快速文档（滚动到底部）来了解这一点：

MaterialButton 比它应该的宽

MaterialButton wider than it should be

xml

android

android-button

material-components-android