TextInputLayout 标签重叠 AppCompatAutoCompleteTextView 输入

Question

我遇到一个问题，我的 TextInputLayout 标签被 AppCompatAutoCompleteTextView 中的输入重叠。如果之前有人回答过这个问题，我深表歉意。这是我的代码片段：

<com.google.android.material.textfield.TextInputLayout
                android:id="@+id/commission_form_category_container"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

<androidx.appcompat.widget.AppCompatAutoCompleteTextView
                    android:id="@+id/commission_form_category_input"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:hint="@string/commission_form_category_label_text"
                    android:paddingHorizontal="16dp"
                    android:paddingVertical="16dp"
                    android:text="Hello"
                    android:singleLine="true"
                    android:textSize="16sp" />

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

这是它的样子： overlapping text

Answer 1

将 androidx.appcompat.widget.AppCompatAutoCompleteTextView 更改为 com.google.android.material.textfield.MaterialAutoCompleteTextView 并向 TextInputLayout 添加样式

这是它的样子

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/commission_form_category_container"
    android:layout_width="match_parent"
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu"
    android:hint="Hint"
    android:layout_height="wrap_content">

    <com.google.android.material.textfield.MaterialAutoCompleteTextView
        android:id="@+id/commission_form_category_input"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hello"
        android:singleLine="true"
        android:textSize="16sp" />

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

Answer 2

您可以通过

指定填充，而不是 paddingVertical 和 paddingHorizontal

paddingTop
填充开始
paddingEnd

paddingBottom

 <com.google.android.material.textfield.TextInputLayout
     android:id="@+id/commission_form_category_container"
     android:layout_width="match_parent"
     android:layout_height="wrap_content">
 <androidx.appcompat.widget.AppCompatAutoCompleteTextView
     android:id="@+id/commission_form_category_input"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:hint="@string/commission_form_category_label_text"
     android:paddingTop="24dp"
     android:paddingBottom="8dp"
     android:paddingStart="16dp"
     android:paddingEnd="16dp"
     android:text="Hello"
     android:singleLine="true"
     android:textSize="16sp" /></com.google.android.material.textfield.TextInputLayout>

Answer 3

试试这个-

 <com.google.android.material.textfield.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Example">

        <androidx.appcompat.widget.AppCompatAutoCompleteTextView
            style="@style/Widget.MaterialComponents.AutoCompleteTextView.FilledBox"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Hello" />
    </com.google.android.material.textfield.TextInputLayout>

TextInputLayout 标签重叠 AppCompatAutoCompleteTextView 输入

TextInputLayout label overlapping AppCompatAutoCompleteTextView input

xml

android

autocompletetextview

kotlin

textinputlayout