Дизайн материала Spinner с использованием стилей TextInputLayout.OutlinedBox

Question

В настоящее время я использую Material Design TextInputLayout OutlinedBox, как показано ниже:

        <android.support.design.widget.TextInputLayout
            style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.design.widget.TextInputEditText
                android:id="@+id/myEditText"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="Title"
                android:inputType="text"/>

        </android.support.design.widget.TextInputLayout>

Я пытаюсь добавить раскрывающийся список Spinner под моим TextInputEditText и хотел бы сохранить тот же стиль: OutlinedBox.

Я вижу, что выпадающие списки поддерживаются в Material Design, Текстовые поля Text Design . Как показано здесь для Района:

В настоящее время я использую Spinner для создания выпадающего меню.

        <Spinner
            style="@style/Widget.AppCompat.Spinner.DropDown"
            android:id="@+id/option"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:dropDownWidth="match_parent" />

Невозможно добавить раскрывающийся список в соответствии с дизайном OutlinedBox. Есть ли какая-нибудь библиотека, которая позволила бы мне сделать это, или есть лучший способ реализовать это в Material Design?

Answer 1

Кажется, что они на самом деле используют TextInputLayout, обертывающий AutoCompleteTextView. Обратите внимание, что они уже являются материальными компонентами темы [https://github.com/material-components/material-components-android/blob/master/docs/getting-started.md].

См: https://material.io/design/components/menus.html#exposed-dropdown-menu https://material.io/develop/android/components/menu/

Answer 2

Я считаю, что в этом документе вообще не отображается Spinner. Я думаю, что это показывает TextInputLayout с выпадающим значком.

В разделе Анатомия , в подразделе Иконки, написано

5. Значок выпадающего списка

Стрелка раскрывающегося списка указывает, что текстовое поле имеет вложенный компонент выделения.

Теперь, как вы предоставляете "вложенный компонент выбора", я не уверен ...