Dodaj pływający przycisk polecenia

Wypróbuj Compose

Jetpack Compose to zalecany zestaw narzędzi do tworzenia interfejsu na Androida. Dowiedz się, jak dodawać komponenty w Compose.

Pływający przycisk polecenia →

Pływający przycisk polecenia (FAB) to okrągły przycisk, który wywołuje główne działanie w interfejsie aplikacji. Z tego dokumentu dowiesz się, jak dodać przycisk FAB do układu, dostosować jego wygląd i reagować na kliknięcia przycisku.

Więcej informacji o tym, jak zaprojektować przycisk FAB dla aplikacji zgodnie z wytycznymi Material Design, znajdziesz w artykule Material Design FAB.

Dodawanie pływającego przycisku polecenia do układu

Poniższy kod pokazuje, jak FloatingActionButton pojawia się w pliku układu:

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

Domyślnie przycisk typu FAB jest kolorowany za pomocą atrybutu colorAccent, który możesz dostosować za pomocą palety kolorów motywu.

Inne właściwości przycisku FAB możesz skonfigurować za pomocą atrybutów XML lub odpowiednich metod, takich jak:

• rozmiar przycisku FAB, który można określić za pomocą atrybutu app:fabSize lub metody setSize();
• Kolor efektu fali przycisku FAB, używający atrybutu app:rippleColor lub metody setRippleColor()
• Ikona FAB, za pomocą atrybutu android:src lub metody setImageDrawable().

reagować na naciśnięcia przycisków,

Następnie możesz zastosować View.OnClickListener, aby obsługiwać kliknięcia przycisku FAB. Na przykład ten kod wyświetla Snackbar, gdy użytkownik kliknie przycisk FAB:

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

Więcej informacji o możliwościach przycisku typu FAB znajdziesz w dokumentacji API FloatingActionButton.