Ajouter des cases d'option à votre application

Essayer Compose
Jetpack Compose est le kit d'outils d'interface utilisateur recommandé pour Android. Découvrez comment ajouter des composants dans Compose.
<ph type="x-smartling-placeholder"></ph> Case d'option →

Les cases d'option permettent à l'utilisateur de sélectionner une option parmi un ensemble options. Utilisez les cases d'option si l'utilisateur a besoin de voir toutes les options disponibles. dans la liste. S'il n'est pas nécessaire d'afficher toutes les options, utilisez une spinner à la place.

<ph type="x-smartling-placeholder"> <ph type="x-smartling-placeholder">
</ph> Exemple de cases d&#39;option sur material.io <ph type="x-smartling-placeholder">
</ph> Figure 1 : Exemple de cases d'option Matériau conception.

Pour créer chaque case d'option, créez une RadioButton dans votre mise en page. Regroupez-les, car les cases d'option s'excluent mutuellement un RadioGroup Le système garantit qu'une seule case d'option au sein d'un groupe peut être sélectionnée au à la fois.

Répondre aux événements de clic

Lorsque l'utilisateur sélectionne une case d'option, L'objet RadioButton reçoit un événement lors d'un clic.

L'exemple suivant montre une réaction lorsque l'utilisateur appuie sur un RadioButton dans un groupe:

<?xml version="1.0" encoding="utf-8"?>
<RadioGroup
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <RadioButton android:id="@+id/radio_pirates"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Pirates"/>
    <RadioButton android:id="@+id/radio_ninjas"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Ninjas"/>
</RadioGroup>
<ph type="x-smartling-placeholder">

Dans les éléments Activity ou Fragment qui hébergent ce recherchez les cases d'option et définissez un écouteur de modification pour chacune d'elles, ce qui suit:

Kotlin

findViewById<RadioButton>(R.id.radio_pirates).setOnCheckedChangeListener { buttonView, isChecked ->
    Log.d("RADIO", "Pirates is checked: $isChecked")
}

findViewById<RadioButton>(R.id.radio_ninjas).setOnCheckedChangeListener { buttonView, isChecked ->
    Log.d("RADIO", "Ninjas is checked: $isChecked")
}

Java

findViewById<RadioButton>(R.id.radio_pirates).setOnCheckedChangeListener { buttonView, isChecked ->
    Log.d("RADIO", "Pirates is checked: $isChecked");
}

findViewById<RadioButton>(R.id.radio_ninjas).setOnCheckedChangeListener { buttonView, isChecked ->
    Log.d("RADIO", "Ninjas is checked: $isChecked");
}

Dans cet exemple, lorsque l'utilisateur appuie sur l'une des cases d'option, un message imprime des images dans Logcat.

<ph type="x-smartling-placeholder">