未启用提示的垂直居中 TextInputLayout 文本

Question

所以我试图确保 TextInputEditText 中的主要文本（包裹在 TextInputLayout 中）垂直居中并使用默认的 Widget.MaterialComponents.TextInputLayout.FilledBox 样式，但是当提示被禁用时。

正如你在图片中看到的那样，app:hintEnabled="false"，当前文本不是垂直居中的。

作为参考，我使用的是 1.1.0 版本的材料组件库。

我的布局文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.google.android.material.textfield.TextInputLayout
        style="@style/Widget.MaterialComponents.TextInputLayout.FilledBox"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/margin"
        app:hintEnabled="false">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/set_pos_password_input"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:importantForAutofill="no"
            android:maxLength="4"
            android:text="1111"
            android:textAlignment="center" />
    </com.google.android.material.textfield.TextInputLayout>
</LinearLayout>

结果：

Answer 1

使用 layout_gravity = "Center"。

Answer 2

调整 TextInputEditText 样式的底部填充。

1. 在您的 TextInputLayout 样式中设置自定义主题覆盖
2. 在继承自 editTextStyle 主题属性中使用自定义样式
3. @style/Widget.MaterialComponents.TextInputEditText.FilledBox 默认情况下，FilledBox 样式应用以下默认填充：

 <item name="android:paddingTop">28dp</item>
 <item name="android:paddingBottom">12dp</item>

您可以从 Material 文档中了解有关文本字段主题的更多信息。

Answer 3

这是一个实现这一目标的工作示例。我认为为什么这些建议还没有起作用的问题是您确实将填充应用于TextInputLayout，而不是嵌套的TextInputEditText。下面的定义将采取这种方式。

XML

<com.google.android.material.textfield.TextInputLayout
    style="@style/Widget.MaterialComponents.TextInputLayout.MyStyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical" >

    <com.google.android.material.textfield.TextInputEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="2"
        android:text="10" />

</com.google.android.material.textfield.TextInputLayout>

样式定义

<!-- Define a style 
<style name="Widget.MaterialComponents.TextInputLayout.MyStyle" parent="Widget.MaterialComponents.TextInputLayout.FilledBox.Dense">
    <item name="materialThemeOverlay">@style/ThemeOverlay.MaterialComponents.TextInputEditText.MyStyle</item>
    <item name="expandedHintEnabled">false</item>
    <item name="hintEnabled">false</item>
    <!-- below is optional -->
    <item name="boxCornerRadiusBottomEnd">4dp</item>
    <item name="boxCornerRadiusBottomStart">4dp</item>
    <item name="boxCornerRadiusTopEnd">4dp</item>
    <item name="boxCornerRadiusTopStart">4dp</item>
    <item name="boxStrokeWidth">0dp</item>
    <item name="boxStrokeWidthFocused">0dp</item>
</style>

<style name="ThemeOverlay.MaterialComponents.TextInputEditText.MyStyle" parent="ThemeOverlay.MaterialComponents.TextInputEditText.FilledBox.Dense">
    <item name="editTextStyle">@style/Widget.MaterialComponents.TextInputEditText.MyStyle</item>
</style>

<style name="Widget.MaterialComponents.TextInputEditText.MyStyle" parent="Widget.MaterialComponents.TextInputEditText.FilledBox.Dense">
    <!-- equal padding will center the text -->
    <item name="android:paddingTop">4dp</item>
    <item name="android:paddingBottom">4dp</item>
    <item name="singleLine">true</item>
</style>