Spécifier le type de mode de saisie

Essayer Compose

Jetpack Compose est le kit d'outils d'UI recommandé pour Android. Découvrez comment utiliser la saisie tactile et les entrées dans Compose.

Définir les options du clavier →

Chaque champ de texte attend un certain type de saisie, comme une adresse e-mail, un numéro de téléphone ou du texte brut. Vous devez spécifier le type d'entrée pour chaque champ de texte de votre application afin que le système affiche la méthode de saisie logicielle appropriée, comme un clavier à l'écran.

Au-delà du type de boutons disponibles avec une méthode de saisie, vous pouvez spécifier des comportements tels que la fourniture de suggestions orthographiques, la mise en majuscule des nouvelles phrases et le remplacement du bouton de retour à la ligne par un bouton d'action tel que OK ou Suivant. Cette page vous explique comment spécifier ces caractéristiques.

Spécifier le type de clavier

Déclarez toujours la méthode de saisie pour vos champs de texte en ajoutant l'attribut android:inputType à l'élément <EditText>.

Par exemple, si vous souhaitez une méthode de saisie pour saisir un numéro de téléphone, utilisez la valeur "phone" :

<EditText
    android:id="@+id/phone"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:hint="@string/phone_hint"
    android:inputType="phone" />

Si le champ de texte est destiné à un mot de passe, utilisez la valeur "textPassword" pour que le champ de texte masque la saisie de l'utilisateur :

<EditText
    android:id="@+id/password"
    android:hint="@string/password_hint"
    android:inputType="textPassword"
    ... />

Plusieurs valeurs possibles sont documentées avec l'attribut android:inputType. Vous pouvez combiner certaines valeurs pour spécifier l'apparence de la méthode de saisie et des comportements supplémentaires.

Activer les suggestions orthographiques et d'autres comportements

L'attribut android:inputType vous permet de spécifier différents comportements pour la méthode d'entrée. Plus important encore, si votre champ de texte est destiné à la saisie de texte de base (par exemple, pour un message), activez la correction orthographique automatique avec la valeur "textAutoCorrect".

Vous pouvez combiner différents comportements et styles de méthode de saisie avec l'attribut android:inputType. Par exemple, voici comment créer un champ de texte qui met en majuscule le premier mot d'une phrase et corrige automatiquement les fautes d'orthographe :

<EditText
    android:id="@+id/message"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:inputType=
        "textCapSentences|textAutoCorrect"
    ... />

Spécifier l'action du mode de saisie

La plupart des méthodes de saisie logicielle fournissent un bouton d'action utilisateur dans l'angle inférieur, adapté au champ de texte actuel. Par défaut, le système utilise ce bouton pour une action Suivant ou OK, sauf si votre champ de texte accepte le texte multiligne (comme avec android:inputType="textMultiLine"), auquel cas le bouton d'action est un retour à la ligne. Toutefois, vous pouvez spécifier d'autres actions qui pourraient être plus appropriées pour votre champ de texte, comme Envoyer ou Aller.

Pour spécifier le bouton d'action du clavier, utilisez l'attribut android:imeOptions avec une valeur d'action telle que "actionSend" ou "actionSearch". Exemple :

<EditText
    android:id="@+id/search"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:hint="@string/search_hint"
    android:inputType="text"
    android:imeOptions="actionSend" />

Vous pouvez ensuite écouter les appuis sur le bouton d'action en définissant un TextView.OnEditorActionListener pour l'élément EditText. Dans votre écouteur, répondez à l'identifiant de l'action IME approprié défini dans la classe EditorInfo, tel que IME_ACTION_SEND, comme illustré dans l'exemple suivant :

findViewById<EditText>(R.id.search).setOnEditorActionListener { v, actionId, event ->
    return@setOnEditorActionListener when (actionId) {
        EditorInfo.IME_ACTION_SEND -> {
            sendMessage()
            true
        }
        else -> false
    }
}

EditText editText = (EditText) findViewById(R.id.search);
editText.setOnEditorActionListener(new OnEditorActionListener() {
    @Override
    public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
        boolean handled = false;
        if (actionId == EditorInfo.IME_ACTION_SEND) {
            sendMessage();
            handled = true;
        }
        return handled;
    }
});

Fournir des suggestions de saisie semi-automatique

Si vous souhaitez fournir des suggestions aux utilisateurs lorsqu'ils saisissent du texte, vous pouvez utiliser une sous-classe de EditText appelée AutoCompleteTextView. Pour implémenter la saisie semi-automatique, vous devez spécifier un Adapter qui fournit les suggestions de texte. Plusieurs adaptateurs sont disponibles, selon la provenance des données (base de données ou tableau, par exemple).

La procédure suivante décrit comment configurer un AutoCompleteTextView qui fournit des suggestions à partir d'un tableau à l'aide de ArrayAdapter :

1. Ajoutez AutoCompleteTextView à votre mise en page. Voici une mise en page avec uniquement le champ de texte :

   <?xml version="1.0" encoding="utf-8"?>
   <AutoCompleteTextView xmlns:android="http://schemas.android.com/apk/res/android"
       android:id="@+id/autocomplete_country"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content" />

2. Définissez le tableau contenant toutes les suggestions de texte. Par exemple, voici un tableau de noms de pays :

   <?xml version="1.0" encoding="utf-8"?>
   <resources>
       <string-array name="countries_array">
           <item>Afghanistan</item>
           <item>Albania</item>
           <item>Algeria</item>
           <item>American Samoa</item>
           <item>Andorra</item>
           <item>Angola</item>
           <item>Anguilla</item>
           <item>Antarctica</item>
           ...
       </string-array>
   </resources>

3. Dans votre Activity ou Fragment, utilisez le code suivant pour spécifier l'adaptateur qui fournit les suggestions :

   Kotlin

   // Get a reference to the AutoCompleteTextView in the layout.
   val textView = findViewById(R.id.autocomplete_country) as AutoCompleteTextView
   // Get the string array.
   val countries: Array<out String> = resources.getStringArray(R.array.countries_array)
   // Create the adapter and set it to the AutoCompleteTextView.
   ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, countries).also { adapter ->
       textView.setAdapter(adapter)
   }

   Java

   // Get a reference to the AutoCompleteTextView in the layout.
   AutoCompleteTextView textView = (AutoCompleteTextView) findViewById(R.id.autocomplete_country);
   // Get the string array.
   String[] countries = getResources().getStringArray(R.array.countries_array);
   // Create the adapter and set it to the AutoCompleteTextView.
   ArrayAdapter<String> adapter =
           new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, countries);
   textView.setAdapter(adapter);

   Dans l'exemple précédent, un nouveau ArrayAdapter est initialisé pour lier chaque élément du tableau de chaînes countries_array à un TextView qui existe dans la mise en page simple_list_item_1. Il s'agit d'une mise en page fournie par Android qui offre une apparence standard pour le texte dans une liste.

4. Attribuez l'adaptateur au AutoCompleteTextView en appelant setAdapter().