Saltar al contenido

Texto de edición delineado de Material Design

Este grupo especializado luego de días de trabajo y recopilar de datos, han obtenido la solución, nuestro deseo es que te resulte útil para tu trabajo.

Solución:

Leer Outline Box .

Los campos de texto de contorno tienen un borde con trazos y están menos enfatizados. Para usar un campo de texto de esquema, aplique el siguiente estilo a su TextInputLayout:

 style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"

dependencias

implementation 'com.android.support:design:28.0.0-alpha1' 

XML

   

   

DEMO

ACTUALIZAR

También funciona bien con

implementation 'com.android.support:appcompat-v7:28.0.0'
implementation 'com.android.support:design:28.0.0'

Utilizando implementation 'com.android.support:design:28.0.0-alpha1' Me aparece un error por debajo

No se puede resolver el símbolo ‘@ style / Widget.MaterialComponents.TextInputLayout.OutlineBox’

ingrese la descripción de la imagen aquí

Solución

Realice los siguientes cambios en su Build.Gradle

Usar compileSdkVersion 28

Usar targetSdkVersion 28

Utilice las dependencias siguientes

implementation 'com.android.support:appcompat-v7:28.0.0-alpha3'
implementation 'com.android.support:design:28.0.0-alpha3'

Código de muestra




    

    

        
    

    

        

    


    

FUERA FUERA

ingrese la descripción de la imagen aquí

Debe agregar esta dependencia a su “nivel de módulo” build.gradlecom.google.android.material para usar la última material UI components.

Utilice este estilo en su com.google.android.material.textfield.TextInputLayout luego,

style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"

Checkout desde aquí


Si estas usando com.android.support:design biblioteca, entonces debe cambiar el estilo de su aplicación a Theme.MaterialComponents...Bridge(Es decir, como cambiar el estilo de Theme.AppCompat.Light para Theme.MaterialComponents.Light.Bridge)

primero,

A continuación, debe utilizar este estilo en su
android.support.design.widget.TextInputLayout:

style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"

valoraciones y comentarios

Si te apasiona la programación, eres capaz de dejar un ensayo acerca de qué te ha parecido este escrito.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *