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.
![Un'immagine che mostra la schermata di un'app contenente un FloatingActionButton rosso](https://developer.android.com/static/training/material/images/fab.png?authuser=0000&hl=it)
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 ilsetSize()
metodo - Il colore dell'onda del FAB, utilizzando l'attributo
app:rippleColor
o lasetRippleColor()
metodo - L'icona FAB, utilizzando l'attributo
android:src
osetImageDrawable()
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:
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(); } });
Per ulteriori informazioni sulle funzionalità del FAB, consulta la documentazione di riferimento dell'API
per
FloatingActionButton