Unverankerte Aktionsschaltfläche hinzufügen

Compose ausprobieren

Jetpack Compose ist das empfohlene UI-Toolkit für Android. Informationen zum Hinzufügen von Komponenten in Compose

Unverankerter Aktionsbutton →

Ein unverankerter Aktionsbutton (UAB) ist ein runder Button, der die primäre Aktion in der Benutzeroberfläche Ihrer App auslöst. In diesem Dokument wird beschrieben, wie Sie Ihrem Layout einen FAB hinzufügen, sein Erscheinungsbild anpassen und auf das Tippen auf die Schaltfläche reagieren.

Weitere Informationen zum Entwerfen eines FAB für Ihre App gemäß den Material Design-Richtlinien finden Sie unter Material Design FAB.

Unverankerten Aktionsbutton zum Layout hinzufügen

Der folgende Code zeigt, wie FloatingActionButton in der Layoutdatei angezeigt wird:

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_my_icon"
        android:contentDescription="@string/submit"
        android:layout_margin="16dp" />

Standardmäßig wird die Farbe eines FAB durch das Attribut colorAccent bestimmt, das Sie mit der Farbpalette des Designs anpassen können.

Sie können andere FAB-Eigenschaften mit XML-Attributen oder entsprechenden Methoden konfigurieren, z. B.:

• Die Größe des FAB, die mit dem Attribut app:fabSize oder der Methode setSize() festgelegt wird
• Die Ripple-Farbe des FAB, die mit dem Attribut app:rippleColor oder der Methode setRippleColor() festgelegt wird
• Das FAB-Symbol mit dem Attribut android:src oder der Methode setImageDrawable()

Auf Tastendrücke reagieren

Anschließend können Sie einen View.OnClickListener anwenden, um das Tippen auf die schwebende Aktionsschaltfläche zu verarbeiten. Im folgenden Code wird beispielsweise ein Snackbar angezeigt, wenn der Nutzer auf die schwebende Aktionsschaltfläche tippt:

val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
    Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
            .setAction("Action", null)
            .show()
}

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
                .setAction("Action", null).show();
    }
});

Weitere Informationen zu den Funktionen des FAB finden Sie in der API-Referenz für FloatingActionButton.