如何从 TextInputLayout 中删除水平填充？

Question

在迁移到最新版本的 Material Components (1.1.0-alpha09) 后，我注意到 TextInputLayout 有一些填充水平填充。我的目标是实现没有背景或轮廓框的旧式文本字段。所以我扩展了其中一种样式，即Widget.MaterialComponents.TextInputLayout.FilledBox，并将背景颜色设置为透明。

<style name="Widget.MyApp.TextInputLayout" parent="Widget.MaterialComponents.TextInputLayout.FilledBox.Dense">
    <item name="boxBackgroundColor">@color/transparent</item>
</style>

现在的问题是这个输入字段在我的应用程序中看起来很奇怪，有这样的水平填充（这是填充框或轮廓框所必需的）。

所以我的问题是，我怎样才能删除这个填充？

Answer 1

你可以使用类似的东西：

<com.google.android.material.textfield.TextInputLayout
       ....
       android:hint="Hint text"       
       style="@style/My.TextInputLayout.FilledBox.Dense" >

然后您可以使用 materialThemeOverlay 属性定义（需要 1.1.0 版）自定义样式：

  <style name="My.TextInputLayout.FilledBox.Dense" parent="Widget.MaterialComponents.TextInputLayout.FilledBox.Dense">
    <item name="materialThemeOverlay">@style/MyThemeOverlayFilledDense</item>
  </style>

  <style name="MyThemeOverlayFilledDense">
    <item name="editTextStyle">@style/MyTextInputEditText_filledBox_dense
    </item>
  </style>

  <style name="MyTextInputEditText_filledBox_dense" parent="@style/Widget.MaterialComponents.TextInputEditText.FilledBox.Dense">
    <item name="android:paddingStart" ns2:ignore="NewApi">4dp</item>
    <item name="android:paddingEnd" ns2:ignore="NewApi">4dp</item>
    <item name="android:paddingLeft">4dp</item>
    <item name="android:paddingRight">4dp</item>
  </style>

这里是结果（带有默认样式和自定义样式）：