可以删除 android TextInputLayout 的方框和下划线之间的 space

Question

我想创建下划线和框边缘之间没有间隙的 TextInputLayout 可以消除这个差距吗？

图片在这里：

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:id="@+id/tilSearch"
    android:hint="@string/search_location"
    app:errorEnabled="false"
    app:errorTextColor="@color/red"
    app:helperTextEnabled="true">
    <EditText
        android:id="@+id/edtSearch"
        android:layout_width="match_parent"
        android:layout_height="@dimen/_60dp"
        android:importantForAutofill="no"
        android:inputType="text"
        tools:ignore="LabelFor" />
</com.google.android.material.textfield.TextInputLayout>

Answer 1

您实际上可以使用这些属性删除此下划线，而不是删除空隙。删除间隙将在布局中创建双线。所以改为删除 editText 中的空白删除下划线..

  <com.google.android.material.textfield.TextInputLayout
                android:id="@+id/tilSearch"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:hint="@string/search_location"
                app:boxBackgroundColor="@null"
                app:boxStrokeWidth="0dp"
                app:boxStrokeWidthFocused="0dp"
                app:errorEnabled="false"
                app:errorTextColor="@color/red"
                app:helperTextEnabled="true">

                <EditText
                    android:id="@+id/edtSearch"
                    android:layout_width="match_parent"
                    android:layout_height="@dimen/_60dp"
                    android:background="@null"
                    android:importantForAutofill="no"
                    android:inputType="text"
                    tools:ignore="LabelFor" />

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

Answer 2

我已经使用 scaleX 属性 android:scaleX="1.02" 解决了我的问题。可能有更好的方法，但我找不到。

        <com.google.android.material.textfield.TextInputLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/tilSearch"
            android:hint="@string/search_location"
            app:errorEnabled="false"
            app:errorTextColor="@color/red"
            app:helperTextEnabled="true">
            <EditText
                android:id="@+id/edtSearch"
                android:layout_width="match_parent"
                android:layout_height="@dimen/_60dp"
                android:importantForAutofill="no"
                android:scaleX="1.02"
                android:inputType="text"
                tools:ignore="LabelFor" />
        </com.google.android.material.textfield.TextInputLayout>

attr_android:scaleX

这将是结果： result

可以删除 android TextInputLayout 的方框和下划线之间的 space

Can remove space between box and underline for android TextInputLayout

android

android-studio

material-design

material-components-android

android-textinputlayout