WEBVTT

1
00:00.320 --> 00:01.250
Bentornati.

2
00:01.250 --> 00:03.530
Ora iniziamo a costruire la nostra
applicazione.

3
00:03.530 --> 00:11.750
Create un nuovo progetto di composizione
in Android Studio e create un nuovo
pacchetto all'interno del pacchetto
principale.

4
00:11.750 --> 00:14.210
Lo chiamerò schermi.

5
00:14.240 --> 00:23.900
All'interno del pacchetto Screens, creerò
un nuovo file di classe Kotlin,
selezionerò il file e lo chiamerò Home
Screen.

6
00:24.320 --> 00:28.430
All'interno di questo file, inizierò a
creare le nostre funzioni componibili.

7
00:28.430 --> 00:32.840
Quindi iniziate con la schermata iniziale
delle funzioni componibili.

8
00:32.840 --> 00:37.910
E all'interno di questa funzione
componibile inizio a creare una nuova
colonna.

9
00:37.910 --> 00:41.930
All'interno di questa colonna creerò due
pulsanti.

10
00:45.470 --> 00:47.480
E creare un nuovo testo.

11
00:47.480 --> 00:48.740
Componibile.

12
00:48.920 --> 00:53.870
Il primo è il profilo e il secondo le
impostazioni.

13
00:55.460 --> 00:57.980
Creare alcuni parametri per questa
colonna.

14
00:57.980 --> 01:05.090
Quindi inizio con modificatore uguale a
modificatore punto di riempimento
larghezza massima.

15
01:06.500 --> 01:14.790
Poi userò l'allineamento orizzontale
uguale al centro del punto di allineamento
in

16
01:14.820 --> 01:16.410
orizzontale, quindi questa è la nostra
schermata iniziale contenente i due punti.

17
01:16.410 --> 01:19.440
All'interno di questo colon abbiamo due
pulsanti.

18
01:19.470 --> 01:21.570
Ora creiamo un'altra schermata.

19
01:21.570 --> 01:24.990
All'interno del pacchetto di schermate
creo un nuovo file.

20
01:24.990 --> 01:28.020
La chiamerò schermata Profilo.

21
01:28.560 --> 01:35.220
Allo stesso modo, inizierò con una
funzione componibile denominata Schermo di
profilo.

22
01:35.220 --> 01:41.700
In seguito, aggiungeremo alcuni parametri
nella schermata del profilo e nella
schermata iniziale.

23
01:41.700 --> 01:42.990
Funzioni componibili.

24
01:42.990 --> 01:50.310
Quando implementiamo il sistema di
navigazione e aggiorniamo l'interfaccia
utente e creiamo

25
01:50.340 --> 01:58.500
la colonna dell'interfaccia utente,
all'interno di questa colonna creo due
testi e

26
01:58.500 --> 01:59.760
un pulsante, il testo contenente l'ID del
profilo e un pulsante.

27
01:59.760 --> 02:05.760
Inoltre, in seguito implementeremo le
azioni e gestiremo gli eventi di clic sui
pulsanti.

28
02:05.760 --> 02:06.990
Testo componibile.

29
02:06.990 --> 02:10.410
È necessario aggiungere Vai alle
impostazioni.

30
02:10.410 --> 02:13.740
Un'ultima schermata è quella delle
impostazioni.

31
02:13.740 --> 02:22.560
Quindi, il pacchetto screens crea un nuovo
file Kotlin, denominato settings screen.

32
02:22.560 --> 02:29.330
Creare una nuova schermata di impostazioni
componibili e all'interno di questa creare
una nuova colonna.

33
02:29.360 --> 02:41.660
Creare una nuova schermata di accesso di
testo e lasciare che importi un testo
componibile e la dimensione del carattere
40 SP va bene.

34
02:41.690 --> 02:43.790
Importare la proprietà dell'estensione.

35
02:43.790 --> 02:47.510
Questa è la schermata delle impostazioni.

36
02:47.540 --> 02:49.460
Un altro testo del pulsante.

37
02:49.490 --> 02:51.980
Navigare verso la home.

38
02:52.010 --> 02:54.620
Aggiungere alcune proprietà per questa
colonna.

39
02:54.650 --> 03:00.590
Il modificatore equivale alla dimensione o
alla larghezza massima del riempimento del
punto del modificatore.

40
03:00.620 --> 03:07.550
Allineamento orizzontale Allineamento del
punto al centro in orizzontale Ok, questa
è la schermata delle impostazioni.

41
03:07.550 --> 03:12.050
Questa è la schermata del profilo e questa
è la schermata iniziale.

42
03:12.050 --> 03:15.740
Aggiungo un'ultima cosa per questa
schermata.

43
03:15.740 --> 03:17.510
Simile a quello che abbiamo fatto qui.

44
03:17.510 --> 03:22.880
È necessario copiarlo e incollare i
parametri per il profilo.

45
03:22.880 --> 03:29.030
Quindi il modificatore riempirà la
dimensione massima e centrerà
orizzontalmente la colonna.

46
03:29.030 --> 03:35.030
Abbiamo creato tre schermate: profilo e
impostazioni della casa.