TextInputEditText 提示被框轮廓覆盖

Question

我使用 TextInputEditTexts 作为文本输入，当我 select 它们时，提示会按原样向上移动，但会被框的轮廓覆盖。有谁知道为什么会这样？

照片:

代码:

<com.google.android.material.textfield.TextInputLayout
        android:id="@+id/title_layout"
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColorHint="@color/grey"
        android:theme="@style/OutlinedEditText"
        app:boxStrokeColor="@color/blue"
        app:hintTextColor="@color/blue"
        app:layout_constraintTop_toBottomOf="@id/cover_art">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/title"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_marginStart="24dp"
            android:layout_marginEnd="24dp"
            android:hint="@string/title"
            android:inputType="textCapWords" />

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

Answer 1

您正在 com.google.android.material.textfield.TextInputEditText 中放置 android:hint="@string/title" 属性。

android:hint="@string/title"应该放在com.google.android.material.textfield.TextInputLayout

<com.google.android.material.textfield.TextInputLayout
        android:id="@+id/title_layout"
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColorHint="@color/grey"
        android:theme="@style/OutlinedEditText"
        app:boxStrokeColor="@color/blue"
        app:hintTextColor="@color/blue"
        android:hint="@string/title"
        app:layout_constraintTop_toBottomOf="@id/cover_art">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/title"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_marginStart="24dp"
            android:layout_marginEnd="24dp"
            android:inputType="textCapWords" />

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

Answer 2

删除中的TextInputEditText

android:layout_marginStart="24dp"
android:layout_marginEnd="24dp"

通过这种方式，您在主容器 (TextInputLayout) 和 EditText

之间添加了边距

使用：

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/title_layout"
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
        android:layout_marginStart="24dp"
        android:layout_marginEnd="24dp"
        android:hint="...."
        ...
        >

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/title"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:inputType="textCapWords" />

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

TextInputEditText 提示被框轮廓覆盖

TextInputEditText hint is covered by box outline

android

android-layout

kotlin

material-components-android

android-textinputlayout