WEBVTT

1
00:00.770 --> 00:03.170
Salve sviluppatori e bentornati.

2
00:03.170 --> 00:06.260
In questo video inizieremo a conoscere
Jetpack Compose.

3
00:06.290 --> 00:12.170
Jetpack compose è un moderno toolkit per
la costruzione di interfacce utente native
per Android sviluppato da Google.

4
00:12.170 --> 00:19.940
Consente agli sviluppatori di creare
interfacce utente per le applicazioni
Android utilizzando un

5
00:19.940 --> 00:28.790
modello di programmazione dichiarativa, il
che significa che si descrive l'aspetto
dell'interfaccia utente

6
00:28.790 --> 00:31.010
e compose si occupa di aggiornare
l'interfaccia utente quando i dati
sottostanti cambiano.

7
00:33.020 --> 00:37.550
Costruirete componenti dell'interfaccia
utente con funzioni dichiarative.

8
00:37.550 --> 00:43.100
Non si modificherà alcun layout XML né si
utilizzerà l'editor di layout.

9
00:43.130 --> 00:50.810
Gli sviluppatori possono descrivere
l'interfaccia utente utilizzando funzioni

10
00:50.810 --> 00:52.250
componibili, che sono componenti
dell'interfaccia leggera e autonoma.

11
00:52.250 --> 01:01.040
Ciò consente di ottenere un codice più
conciso e leggibile rispetto ai
tradizionali framework UI imperativi.

12
01:02.900 --> 01:11.660
Compose è dotato di supporto integrato per
Material Design, il linguaggio di design
di

13
01:11.660 --> 01:17.360
Google, per creare interfacce utente
visivamente accattivanti e coerenti su
diversi dispositivi Android.

14
01:17.390 --> 01:26.450
Jetpack compose rappresenta un cambiamento
nel modo in cui gli sviluppatori Android
creano le UI, offrendo un approccio più

15
01:26.450 --> 01:34.580
moderno e flessibile rispetto ai framework
UI tradizionali come i layout basati su
XML e il sistema di viste.

16
01:34.610 --> 01:36.410
Facciamo un esempio.

17
01:36.440 --> 01:44.240
Credetemi quando dico che questa libreria
potrebbe cambiare il modo in cui gli
sviluppatori scriveranno le applicazioni
Android in futuro.

18
01:44.270 --> 01:50.090
Un'interfaccia XML può essere riscritta
con compose con meno righe di codice.

19
01:50.090 --> 01:56.180
Ad esempio, questo layout lineare contiene
due viste di testo in un file XML.

20
01:56.180 --> 02:00.350
Se dobbiamo scriverlo in un Jetpack
Compose, è molto semplice.

21
02:00.350 --> 02:04.490
Possiamo scrivere i colon e creare due
testi al suo interno.

22
02:04.490 --> 02:08.060
Potete vedere quanto sia semplice Jetpack
Compose.

23
02:08.060 --> 02:15.930
Costruiamo la stessa vista utilizzando XML
e Jetpack Compose e osserviamo le
differenze a livello di codice.

24
02:15.960 --> 02:18.540
Ecco la struttura della vista di
destinazione.

25
02:18.540 --> 02:25.920
Se vogliamo scrivere questo layout e
creare questo layout in XML, dobbiamo
creare un Linearlayout.

26
02:25.950 --> 02:27.390
TextView Imageview.

27
02:27.420 --> 02:29.670
Quindi creare un layout lineare annidato.

28
02:29.670 --> 02:35.670
All'interno di questo Linearlayout
annidato, dobbiamo creare un pulsante di
opzione, un pulsante di

29
02:35.670 --> 02:39.960
opzione spaziale e poi un pulsante e
definire tutti questi attributi di
visualizzazione.

30
02:39.960 --> 02:47.460
Se abbiamo bisogno di scriverlo con XML
con Jetpack Compose, dobbiamo definire una
colonna, definire

31
02:47.490 --> 02:54.720
la riga dell'immagine di testo, il
pulsante di opzione, il pulsante di
opzione, due e

32
02:54.720 --> 02:57.090
il pulsante e l'altra vista di testo e il
distanziatore e si possono aggiungere
modificatori.

33
02:57.090 --> 03:04.980
È stato introdotto per semplificare e
snellire il processo di costruzione delle
interfacce utente per

34
03:04.980 --> 03:12.420
le applicazioni Android, rendendo più
facile per gli sviluppatori creare
esperienze utente ricche e interattive.

35
03:12.420 --> 03:19.350
Se siamo riusciti ad attirare la vostra
attenzione fino a questo punto, impariamo
le basi della composizione.