Spinner material de diseño con estilo TextInputLayout.OutlinedBox

votos
0

Actualmente estoy usando material Diseño TextInputLayout OutlinedBox como se muestra a continuación:

        <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>

Estoy tratando de agregar un cuadro desplegable Spinnerdebajo de mi TextInputEditText, y me gustaría mantener el mismo estilo: OutlinedBox.

Veo que dropdowns parecen estar apoyado en material Diseño, Diseño Material de campos de texto . Como se muestra aquí para el área:

Como

Actualmente estoy usando un control de giro para generar el menú desplegable.

        <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 />

No parece posible añadir un desplegable siguiendo el diseño OutlinedBox. ¿Hay una biblioteca por ahí que me permita que esto suceda, o hay una mejor manera de implementar esto en Diseño de materiales?

Publicado el 07/11/2018 a las 20:31
fuente por usuario
En otros idiomas...                            


4 respuestas

votos
1

Creo que este documento no está mostrando una Spinneren absoluto. Creo que está mostrando una TextInputLayoutcon un icono desplegable.

En la sección de Anatomía , en el inciso iconos, que dice

5. icono desplegable

Una flecha de la derecha indica que un campo de texto tiene un componente de selección anidada.

Ahora, cómo se proporciona el "componente anidado selección" No estoy seguro ...

Respondida el 07/11/2018 a las 21:12
fuente por usuario

votos
0

Parece que realmente utilizan un TextInputLayout envolver un AutoCompleteTextView. Tenga en cuenta que ya el tema Componentes materiales [son https://github.com/material-components/material-components-android/blob/master/docs/getting-started.md] .

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

Respondida el 06/06/2019 a las 20:46
fuente por usuario

votos
0

Sólo tiene que utilizar el TextInputLayoutincluido en la Biblioteca de componentes de la materia con el estilo Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu.

Algo como:

  <com.google.android.material.textfield.TextInputLayout
      style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu"
      android:hint="Hint text"
      ...>

    <AutoCompleteTextView
        android:id="@+id/outlined_exposed_dropdown_editable"
        .../>
  </com.google.android.material.textfield.TextInputLayout>

introducir descripción de la imagen aquí

Respondida el 11/09/2019 a las 09:45
fuente por usuario

Respondida el 19/02/2020 a las 18:02
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more