TextInputLayout：如何缩小无文本无焦点状态下提示语与底线的间距

问题代码 #

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/cvvContainer"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    app:boxBackgroundColor="@android:color/transparent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintWidth_percent="0.8">

    <com.google.android.material.textfield.TextInputEditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:digits="0123456789"
        android:hint="CVV Number"
        android:inputType="numberSigned"
        android:paddingStart="0dp"
        android:paddingEnd="0dp"
        android:paddingBottom="6dp" />

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

问题场景 #

输入框无文本且未获取焦点时，提示语与底部边框间距过大，修改padding、margin属性无效。（示意图：未聚焦无文本状态下，"CVV Number"提示语与底部边框存在明显空白间距）

解决方案 #

1. 直接使用TextInputLayout内置属性调整

给cvvContainer添加以下属性，精准控制提示语位置：

app:hintVerticalOffset="4dp"  <!-- 控制提示语整体垂直偏移，数值越小越靠近底部 -->
app:hintBottomGap="2dp"      <!-- 设置提示语与底部边框的最小间距 -->

这两个属性是Material Components专门为提示语间距提供的配置项，比直接改padding更有效。

2. 配合EditText内边距优化

将EditText的android:paddingBottom调小（比如改为4dp），同时给TextInputLayout添加容器底部内边距控制：

app:boxPaddingBottom="0dp"

消除容器本身的底部空白，进一步压缩间距。

3. 自定义样式覆盖默认主题（全局复用场景）

如果需要多个输入框统一样式，可在styles.xml中定义自定义样式：

<style name="CompactHintTextInputLayout" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox">
    <item name="hintVerticalOffset">3dp</item>
    <item name="hintBottomGap">1dp</item>
    <item name="boxPaddingBottom">0dp</item>
</style>

然后给TextInputLayout设置该样式：

style="@style/CompactHintTextInputLayout"

注意事项

确保你的项目依赖了最新版本的Material Components库，避免属性不生效：

implementation 'com.google.android.material:material:1.11.0'

内容的提问来源于stack exchange，提问作者dor506