WEBVTT

1
00:01.190 --> 00:02.570
Bentornati.

2
00:02.570 --> 00:05.660
In questo video impareremo a conoscere la
barra inferiore delle applicazioni.

3
00:05.690 --> 00:11.930
La barra inferiore dell'applicazione è un
componente utilizzato per creare una barra

4
00:11.930 --> 00:14.390
inferiore dell'applicazione, tipicamente
utilizzata per la navigazione primaria e
le azioni importanti.

5
00:14.390 --> 00:22.160
Andiamo verso l'alto e vediamo che abbiamo
creato una barra delle

6
00:22.160 --> 00:22.850
applicazioni inferiore e la specifichiamo
nello scaffold allo stesso modo.

7
00:22.970 --> 00:27.560
Prima di creare un'altra funzione
componibile.

8
00:27.560 --> 00:29.780
E qui devo specificarlo.

9
00:29.780 --> 00:39.260
Scorriamo verso il basso e creiamo
un'altra funzione compostabile, chiamata
barra delle applicazioni inferiore.

10
00:39.290 --> 00:44.390
Cominciamo con la barra delle applicazioni
inferiore componibile.

11
00:44.390 --> 00:51.290
Se andiamo alla dichiarazione componibile
della barra delle applicazioni in basso,
possiamo vedere il modificatore, il
contenitore, il

12
00:51.290 --> 00:57.140
colore, il contenuto, il colore,
l'elevazione tonale, il contenuto, il
padding, gli inserti della finestra e il
contenuto.

13
00:57.140 --> 01:05.030
Per ora, utilizzerò il colore del
contenitore e imposterò il suo valore su
color dot dark gray.

14
01:05.030 --> 01:13.080
Inoltre, è possibile specificare altri
parametri come il colore del contenitore o
del contenuto, il colore del punto giallo.

15
01:13.080 --> 01:21.990
E all'interno della barra inferiore
dell'applicazione, dobbiamo specificare le
icone e i pulsanti delle icone

16
01:21.990 --> 01:27.270
che ci permettono di navigare tra i
diversi componenti dell'applicazione e di
gestire le azioni.

17
01:27.270 --> 01:32.220
Quindi, vorrei fare una prova creando tre
pulsanti a forma di icona.

18
01:32.220 --> 01:37.590
Inizierò visualizzando un messaggio di
brindisi al successivo clic.

19
01:37.590 --> 01:43.860
Quando creiamo applicazioni complesse,
gestiremo l'ascoltatore di clic e lo
passeremo come

20
01:43.860 --> 01:50.550
parametro di questa funzione, che da
statica diventerà una funzione
compostabile stateless.

21
01:50.550 --> 01:55.170
Copio il messaggio di toast da qui e lo
incollo qui.

22
01:55.200 --> 02:01.440
Per utilizzarlo, dobbiamo usare il
contesto dell'applicazione su cui abbiamo
cliccato la prima icona.

23
02:01.440 --> 02:05.730
E all'interno di questo pulsante icona
devo specificare l'icona.

24
02:05.730 --> 02:09.750
Dovrei usare il pittore e la descrizione
del contenuto.

25
02:09.750 --> 02:12.750
Creiamo l'icona per la prima icona.

26
02:12.750 --> 02:16.980
Passiamo alla nuova risorsa Vector
disegnabile.

27
02:16.980 --> 02:24.360
Se si fa clic su questo e si nota che le
icone possono essere rimosse e

28
02:24.360 --> 02:26.970
se si cerca, ad esempio, il menu che
abbiamo usato in precedenza, non è
successo nulla.

29
02:27.000 --> 02:29.550
Si tratta di un bug di Android Studio.

30
02:29.550 --> 02:32.910
Per risolvere il problema è necessario
accedere all'SDK.

31
02:32.940 --> 02:37.650
L'SDK seleziona le icone di posizione.

32
02:37.650 --> 02:44.970
Quindi, ancora una volta, ragazzi, il
materiale delle icone SDK ed eliminate
questo file di testo.

33
02:44.970 --> 02:47.670
Quindi, permettetemi di cancellarlo di
nuovo.

34
02:47.670 --> 02:52.230
Faccio clic su di esso e vedrete apparire
tutte le icone.

35
02:52.260 --> 02:55.290
Anche in questo caso si tratta di un bug
di Android Studio.

36
02:55.320 --> 02:59.220
Cominciamo con la creazione di una risorsa
vettoriale domestica.

37
02:59.250 --> 03:01.350
Fare clic su Avanti e su Avanti.

38
03:01.350 --> 03:10.740
Qui dovrei usare la risorsa pittore o il
punto disegnabile home e la

39
03:10.800 --> 03:14.340
descrizione del contenuto è di nuovo home
ragazzi copierò questo pulsante icona.

40
03:14.340 --> 03:15.480
Incollatelo qui.

41
03:15.480 --> 03:17.970
Questa è la seconda icona.

42
03:17.970 --> 03:24.210
E creo un'altra icona disegnabile Nuova
risorsa vettoriale.

43
03:24.210 --> 03:27.510
Si tratta di un bug di Android Studio.

44
03:27.550 --> 03:36.100
Quindi, per concludere, andate nella
vostra posizione SDK e nel materiale delle

45
03:36.100 --> 03:38.440
icone di posizione e cancellate il punto
metadata underscore delle icone.

46
03:38.440 --> 03:39.460
File TXT.

47
03:39.460 --> 03:43.570
Qui è possibile selezionare una serie di
icone.

48
03:43.570 --> 03:47.410
Utilizzerò questo segnalibro per le
collezioni di articoli.

49
03:47.440 --> 03:48.670
Fare clic su Fine.

50
03:48.700 --> 03:52.450
Permettetemi di cambiarlo in segnalibro
delle collezioni.

51
03:52.450 --> 04:01.570
E ancora ragazzi, copierò di nuovo questo
pulsante icona e lo incollerò qui, perché
sto creando tre pulsanti icona.

52
04:01.600 --> 04:11.620
La terza icona e devo creare un'altra
risorsa vettoriale di forma ancora una

53
04:11.650 --> 04:13.840
volta ragazzi devo eliminare questo file
perché c'è un bug in Android Studio.

54
04:13.840 --> 04:23.140
E qui farò in modo che, ad esempio, le
persone del profilo facciano clic su OK e
sulle persone successive.

55
04:23.140 --> 04:24.580
Ed eccoci qui.

56
04:24.610 --> 04:28.810
Ok, ecco come creare la barra dei pulsanti
dell'applicazione.

57
04:28.810 --> 04:34.540
Abbiamo creato i tre pulsanti icona uno,
due e tre.

58
04:34.570 --> 04:38.260
Ognuno di essi visualizza un messaggio di
brindisi quando viene cliccato.

59
04:38.290 --> 04:42.250
Permettetemi di salire e di specificare la
barra inferiore.

60
04:42.280 --> 04:43.240
Come questo.

61
04:43.240 --> 04:44.080
In basso.

62
04:44.110 --> 04:45.880
La mia barra delle applicazioni in basso.

63
04:45.910 --> 04:49.240
Eseguite l'applicazione e congratulazioni
ragazzi! Si può

64
04:49.240 --> 04:51.640
notare che questo è il tasto home.

65
04:51.640 --> 04:56.440
Questa è la seconda icona e questa è la
terza icona.

66
04:56.470 --> 04:58.690
Un'ultima cosa da segnalare.

67
04:58.690 --> 05:04.690
Devo fare spazio tra queste icone e
distribuirle in modo uniforme.

68
05:04.690 --> 05:08.830
Per questo utilizzerò la riga.

69
05:08.830 --> 05:16.600
E all'interno della riga sposterò le icone
dell'applicazione da qui e le incollerò
all'interno della riga.

70
05:16.630 --> 05:21.430
Prestate attenzione, devo usare la
disposizione qui.

71
05:21.430 --> 05:31.420
Quindi la disposizione orizzontale
equivale a disporre lo spazio dei punti in
modo

72
05:31.420 --> 05:35.320
uniforme e non mancate di usare il
modificatore dot fill maximum size.

73
05:35.320 --> 05:36.730
Corriamo di nuovo.

74
05:36.730 --> 05:38.050
Ed eccoci qui.

75
05:38.050 --> 05:39.490
Congratulazioni ragazzi.

76
05:39.490 --> 05:42.940
Abbiamo imparato a conoscere la barra
inferiore delle applicazioni.