Optionsfelder zur App hinzufügen

Schreiben Sie jetzt
Jetpack Compose ist das empfohlene UI-Toolkit für Android. Informationen zum Hinzufügen von Komponenten in Compose
<ph type="x-smartling-placeholder"></ph> Optionsfeld →

Über Optionsfelder kann der Nutzer eine Option aus einer Reihe sich gegenseitig ausschließender Optionen auswählen. Optionen. Verwenden Sie Optionsfelder, wenn der Nutzer alle verfügbaren Optionen sehen muss. aufgeführt sind. Wenn nicht alle Optionen angezeigt werden müssen, spinner.

<ph type="x-smartling-placeholder"> <ph type="x-smartling-placeholder">
</ph> Beispiel für Optionsfelder von material.io <ph type="x-smartling-placeholder">
</ph> Abbildung 1: Ein Beispiel für Optionsfelder Material Design:

Um die einzelnen Optionsfelder zu erstellen, erstellen Sie ein RadioButton in Ihrem Layout. Da sich Optionsfelder gegenseitig ausschließen, sollten Sie sie in einer Gruppe zusammenfassen. eine RadioGroup Das System stellt sicher, dass nur ein Optionsfeld innerhalb einer Gruppe unter zu einer bestimmten Zeit.

Auf Klickereignisse reagieren

Wenn der Nutzer ein Optionsfeld auswählt, werden die entsprechenden Das RadioButton-Objekt empfängt ein On-Click-Ereignis.

Das folgende Beispiel zeigt eine Reaktion, wenn Nutzende auf RadioButton-Objekt in einer Gruppe:

<?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">

Im Activity oder Fragment, der dieses hostet die Optionsfelder und legen Sie für jedes folgt:

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");
}

Wenn die Nutzenden in diesem Beispiel auf eines der Optionsfelder tippen, wird eine Nachricht in Logcat aus.

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