WEBVTT

1
00:00.920 --> 00:01.940
Bentornati.

2
00:01.940 --> 00:06.500
In questo video impareremo a conoscere il
pulsante d'azione fluttuante fab.

3
00:06.530 --> 00:15.410
Il fab è un elemento dell'interfaccia
utente di primo piano nelle applicazioni

4
00:15.410 --> 00:17.240
Android, utilizzato in genere per
visualizzare azioni primarie o ad alta
priorità.

5
00:17.540 --> 00:21.260
Qui, nello scaffold, abbiamo creato il
pulsante d'azione fluttuante.

6
00:21.260 --> 00:23.090
Ma lo rimuoverò.

7
00:23.090 --> 00:30.770
E creerò un'altra funzione componibile per
personalizzare e

8
00:30.770 --> 00:31.490
imparare di più sui pulsanti d'azione
flottanti.

9
00:31.490 --> 00:40.850
Quindi, creare un nuovo composable my fab
start con un pulsante di azione
fluttuante.

10
00:40.850 --> 00:42.110
È molto semplice.

11
00:42.110 --> 00:46.910
Si può notare che abbiamo il parametro
cliccato, che è un parametro obbligatorio.

12
00:46.910 --> 00:52.700
E se passiamo al pulsante di azione
fluttuante, possiamo vedere che al clic

13
00:52.700 --> 00:57.080
il modificatore forma, contenitore,
colore, contenuto, colore, elevazione,
fonte di interazione e contenuto.

14
00:57.080 --> 01:01.080
Sono molto simili agli altri componenti
dell'impalcatura.

15
01:01.080 --> 01:07.590
Quindi utilizzerò il colore del
contenitore e il colore del

16
01:07.590 --> 01:08.850
contenuto all'interno dell'onclick per
visualizzare un messaggio di brindisi.

17
01:15.630 --> 01:16.530
Ok.

18
01:16.680 --> 01:21.300
Questo messaggio di toast informa l'utente
che ha fatto clic sulla fab.

19
01:21.300 --> 01:27.960
E all'interno del pulsante di azione
fluttuante è possibile specificare
un'icona, ad esempio.

20
01:27.960 --> 01:32.010
E ancora ragazzi, dobbiamo creare il
nostro vettore.

21
01:32.010 --> 01:35.220
Ma si tratta di un bug di Android Studio.

22
01:35.250 --> 01:42.180
Ogni volta che si deve creare una nuova
risorsa vettoriale e si seleziona questa,
si può notare che le icone non vengono
visualizzate.

23
01:42.180 --> 01:50.940
È necessario andare nella cartella SDK,
selezionare icone, selezionare materiale

24
01:50.940 --> 01:51.450
ed eliminare il file di testo dei metadati
delle icone.

25
01:51.480 --> 01:59.340
Ok, ragazzi, qui userò ad esempio il segno
più all'interno dell'add Click ok.

26
01:59.370 --> 02:00.300
Fare clic su Avanti.

27
02:00.330 --> 02:07.590
Fare clic su termina utilizzando la
risorsa pittore disegnabile punto
l'applicazione aggiungere nodo, ad
esempio.

28
02:07.590 --> 02:11.850
Ora chiamiamo il fab all'interno
dell'impalcatura.

29
02:11.850 --> 02:17.850
La nostra impalcatura contiene ora la
barra delle applicazioni superiore, la
barra delle applicazioni inferiore e il
pulsante di azione fluttuante.

30
02:17.850 --> 02:22.200
Eseguiamo l'applicazione e vediamo i
nostri risultati.

31
02:22.200 --> 02:23.550
Ed eccoci qui.

32
02:23.580 --> 02:24.630
Questa è la nostra favola.

33
02:24.630 --> 02:25.260
Fare clic su di esso.

34
02:25.260 --> 02:26.760
Hai cliccato su favoloso.

35
02:26.760 --> 02:37.140
Inoltre, è possibile personalizzare
maggiormente il colore del contenitore del
pulsante di azione

36
02:37.140 --> 02:40.170
fluttuante, ad esempio il colore rosso del
contenuto e il colore bianco.

37
02:40.380 --> 02:41.490
Correre di nuovo.

38
02:42.030 --> 02:43.170
Ed eccoci qui.

39
02:43.200 --> 02:44.550
Questa è la nostra favola.

40
02:44.550 --> 02:46.200
Hai cliccato su favoloso.

41
02:46.200 --> 02:53.910
Lo scopo principale dell'utilizzo di fab è
quindi quello di visualizzare le azioni
primarie o ad alta priorità.