Texte de modification décrit à partir de Material Design

Question

Comment puis-je implémenter un champ de texte encadré (comme indiqué sur cette page de conception matérielle )?

Answer 1

Si vous utilisez la bibliothèque appcompact , vous pouvez utiliser ce android.support.design.widget.TextInputLayout

si vous utilisez ANDROIDX build, je viens donc à une conclusion qui a le dernier code selon Android jetpack.

Pour utiliser cela, vous devez avoir ces dépendances dans votre application gradle

 dependencies {
    implementation 'com.google.android.material:material:1.0.0'
}

alors de cette façon, vous pouvez ajouter à votre xml pour l'élément d'interface utilisateur

 <com.google.android.material.textfield.TextInputLayout
    android:id="@+id/messageTextInputLayout"
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/passwordTextInputEditText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Enter Text here" />

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