Aggiungere un pulsante di azione mobile

Prova il metodo Scrivi

Jetpack Compose è il toolkit consigliato per la UI per Android. Scopri come aggiungere componenti in Compose.

Pulsante di azione mobile → .

Un pulsante FAB (azione mobile) è un pulsante circolare che attiva l'istanza principale nell'interfaccia utente dell'app. Questo documento mostra come aggiungere un FAB al tuo layout, personalizzarne l'aspetto e rispondere al tocco dei pulsanti.

Per scoprire di più su come progettare un FAB per la tua app in base al Material Linee guida per la progettazione, consulta Material Design FAB di Google.

Aggiungi il pulsante di azione mobile al layout

Il seguente codice mostra come FloatingActionButton compare nel file di layout:

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

Per impostazione predefinita, un FAB viene colorato in base all'attributo colorAccent, che puoi personalizza con il colore del tema tavolozza.

Puoi configurare altre proprietà FAB utilizzando gli attributi XML o come:

• Le dimensioni del FAB, utilizzando l'attributo app:fabSize o il setSize() metodo
• Il colore dell'onda del FAB, utilizzando l'attributo app:rippleColor o la setRippleColor() metodo
• L'icona FAB, utilizzando l'attributo android:src o setImageDrawable() metodo

Rispondi ai tocchi sui pulsanti

Puoi quindi applicare Da View.OnClickListener a gestire i tocchi FAB. Ad esempio, il seguente codice mostra un Snackbar quando l'utente tocca il 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();
    }
});

Per ulteriori informazioni sulle funzionalità del FAB, consulta la documentazione di riferimento dell'API per FloatingActionButton