Eine unverankerte Aktionsschaltfläche (UAS) ist eine runde Schaltfläche, die die primäre Aktion in der Benutzeroberfläche Ihrer App. In diesem Dokument erfahren Sie, wie Sie eine UAS zu Ihrem Layout hinzufügen, einige Anpassungen vornehmen und auf das Antippen von Tasten reagieren.
Weitere Informationen zum Entwerfen einer UAS für Ihre App gemäß dem Material Design Designrichtlinien, siehe Material Design UAS .
<ph type="x-smartling-placeholder">![Ein Bild, das einen App-Bildschirm mit einer roten FloatingActionButton zeigt](https://developer.android.com/static/training/material/images/fab.png?authuser=9&hl=de)
Unverankerte Aktionsschaltfläche zum Layout hinzufügen
Der folgende Code zeigt, wie die
FloatingActionButton
in Ihrer 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 eine UAS durch das Attribut colorAccent
eingefärbt, das Sie
an die Farbe des Designs anpassen
aus.
Du kannst andere FAB-Eigenschaften mithilfe von XML-Attributen oder entsprechenden wie die folgenden:
- Die Größe der UAS mit dem Attribut
app:fabSize
oder dersetSize()
Methode - Die Wellenfarbe der UAS mit dem Attribut
app:rippleColor
oder demsetRippleColor()
Methode - Das UAS-Symbol mit dem Attribut
android:src
oder demsetImageDrawable()
Methode
Auf Tastentippen reagieren
Anschließend können Sie eine
View.OnClickListener
bis
UAS-Tippvorgänge verarbeiten können. Der folgende Code zeigt beispielsweise ein
Snackbar
wenn
tippt der Nutzer auf die UAS:
Kotlin
val fab: View = findViewById(R.id.fab) fab.setOnClickListener { view -> Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG) .setAction("Action", null) .show() }
Java
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 der UAS findest du in der API-Referenz.
für die
FloatingActionButton