es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

El componente de Material de Android con contorno no muestra adecuadamente la etiqueta.

24 Jul, 2023 Programación

Tengo el siguiente cuadro de edición (de la biblioteca de materiales):

<com.google.android.material.textfield.textinputlayout android:id="@+id/myTitle" android:layout_width="match_parent" android:layout_height="wrap_content" app:layout_constraintend_toendof="parent" app:layout_constraintstart_tostartof="parent" app:layout_constrainttop_totopof="parent" app:endiconmode="clear_text" app:counterenabled="true" style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox" app:countermaxlength="20">

    <com.google.android.material.textfield.textinputedittext android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="Mi Título"></com.google.android.material.textfield.textinputedittext>

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

Esperaba que el texto de sugerencia (“Mi Título”) apareciera en el borde del cuadro de edición, pero en su lugar está dentro del cuadro de texto, y el contorno del cuadro de texto no tiene ningún texto.

¿Cómo puedo solucionarlo?

EDITAR: el tema del mi aplicación es “Theme.MaterialComponents.DayNight.DarkActionBar”.

Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para solucionar este problema, puedes intentar lo siguiente:

    1. Cambiar el estilo de TextInputLayout a “Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense” en lugar de “Widget.MaterialComponents.TextInputLayout.OutlinedBox” para que las sugerencias se mantengan en el límite del cuadro de texto.

    2. Agregar el atributo “android:textColorHint” a TextInputEditText y establecerlo con el color que deseas que tenga el texto de sugerencia. Esto hará visible el contorno del cuadro de texto.

    Por lo tanto, el código actualizado debería lucir así:

    <com.google.android.material.textfield.textinputlayout android:id="@+id/myTitle" android:layout_width="match_parent" android:layout_height="wrap_content" app:layout_constraintend_toendof="parent" app:layout_constraintstart_tostartof="parent" app:layout_constrainttop_totopof="parent" app:endiconmode="clear_text" app:counterenabled="true" app:countermaxlength="20" style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense">

    <com.google.android.material.textfield.textinputedittext android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="Mi Título" android:textcolorhint="@color/my_hint_color"></com.google.android.material.textfield.textinputedittext>

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

    Nota: Debes reemplazar “@color/my_hint_color” con el color real que deseas que tenga el texto de sugerencia en los recursos de tu aplicación.

Comments are closed.