Android：带有一个编辑文本和微调器的 TextInputLayout

Question

我想创建这样的布局：

我想在 TextInputLayout 中添加一个微调器，并像这样显示 TextInputEditText 的提示。

我尝试制作自定义 TextInputLayout，但仍然无法为其添加微调器。

我已经添加了这样的带有轮廓视图的 TextInputLayout：-

<com.google.android.material.textfield.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        android:textColorHint="@color/colorGreyView"
        android:textSize="20dp"
        style="@style/Widget.MaterialComponents.Button.OutlinedButton">
        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Mobile Number"/>
    </com.google.android.material.textfield.TextInputLayout>

Answer 1

实现'com.google.android.material:material:1.1.0-alpha08'

使用 TextInputLayout ExposedDropdownMenu以及 EditextText 并试试这个：

<com.google.android.material.textfield.TextInputLayout
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Label"
        app:errorEnabled="true">

        <AutoCompleteTextView
            android:id="@+id/filled_exposed_dropdown"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:editable="false" />

         <com.google.android.material.textfield.TextInputEditText
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </com.google.android.material.textfield.TextInputLayout>

根据需要调整宽度大小。