Unverankerte Aktionsschaltfläche 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> Unverankerte Aktionsschaltfläche →

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> <ph type="x-smartling-placeholder">

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 der setSize() Methode
• Die Wellenfarbe der UAS mit dem Attribut app:rippleColor oder dem setRippleColor() Methode
• Das UAS-Symbol mit dem Attribut android:src oder dem setImageDrawable() 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:

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 der UAS findest du in der API-Referenz. für die FloatingActionButton