WEBVTT

1
00:01.130 --> 00:02.120
Bentornati.

2
00:02.120 --> 00:04.820
In questo video parleremo di immagini.

3
00:04.820 --> 00:06.230
In Jetpack Compose.

4
00:06.260 --> 00:11.990
Image è una funzione componibile
utilizzata per visualizzare le immagini in
Jetpack Compose.

5
00:11.990 --> 00:16.280
Per definire un'immagine, utilizzerò
l'immagine componibile.

6
00:16.280 --> 00:23.450
Inizierò quindi con la definizione di una
nuova funzione componibile, denominata
display image.

7
00:23.450 --> 00:27.080
E qui inizierò a definire l'immagine.

8
00:27.080 --> 00:36.080
L'immagine componibile consente di
caricare immagini da varie risorse,

9
00:36.110 --> 00:39.410
come risorse disegnabili, URL di rete o
file locali.

10
00:39.410 --> 00:47.420
Se si guarda più da vicino, abbiamo il
pittore e la descrizione del contenuto e
questi sono parametri obbligatori.

11
00:47.420 --> 00:55.880
E se passiamo all'immagine possiamo
definire un vettore immagine descrizione
del

12
00:55.880 --> 00:58.460
contenuto modificatore di allineamento,
scala del contenuto filtro colore alfa.

13
00:58.490 --> 01:04.740
È possibile caricare le immagini
utilizzando il parametro painter Third del
composable image.

14
01:04.740 --> 01:09.690
Il pittore rappresenta la rappresentazione
visiva dell'immagine.

15
01:09.690 --> 01:17.550
Può essere creato usando funzioni come la
funzione resource painter per le risorse
disegnabili, il

16
01:17.580 --> 01:22.830
metodo painter for per i disegnabili
vettoriali o la funzione painter per le
implementazioni personalizzate.

17
01:22.830 --> 01:28.470
E per visualizzare un'immagine, voglio
scaricarla dall'applicazione web.

18
01:28.590 --> 01:31.590
E comunque, questa è un'applicazione di
master coding.

19
01:31.590 --> 01:43.020
Questa è la mia applicazione ufficiale su
Play Store, con una valutazione di

20
01:43.020 --> 01:45.270
4,6 e oltre otto 900.000 download, potete
andare su Play Store e verificarla.

21
01:45.270 --> 01:52.320
Ho intenzione di visualizzare il logo
della mia applicazione, quindi ho
scaricato questo file png.

22
01:52.350 --> 01:56.730
Accedere ad Android Studio e alla cartella
drawable.

23
01:56.730 --> 01:57.720
Fare clic su OK.

24
01:57.720 --> 02:04.080
E questa è la nostra immagine che vogliamo
visualizzare in Jetpack Compose image
composable.

25
02:04.080 --> 02:06.610
Si chiama app Logo.png.

26
02:06.640 --> 02:15.970
Qui, all'interno dell'immagine, devo
specificare il parametro painter e

27
02:15.970 --> 02:18.010
riferirlo all'immagine che è stata
inserita nella cartella drawable.

28
02:18.040 --> 02:25.090
A tale scopo, creerò una variabile
chiamata my painter uguale alla risorsa
painter.

29
02:25.090 --> 02:29.890
E qui specificherò l'ID del logo
dell'applicazione disegnabile.

30
02:29.920 --> 02:38.560
La risorsa painter è una funzione
utilizzata per creare un oggetto

31
02:38.590 --> 02:40.300
painter, che rappresenta il contenuto
visivo da disegnare sullo schermo.

32
02:40.300 --> 02:46.930
L'interfaccia del pittore di Jetpack
Compose è responsabile della pittura degli
elementi visivi,

33
02:46.930 --> 02:51.220
comprese le immagini e il logo
dell'applicazione id are dot drawable dot.

34
02:51.250 --> 02:55.900
Specifica l'ID della risorsa dell'immagine
da caricare.

35
02:55.900 --> 03:03.430
Nello sviluppo di applicazioni Android le
risorse disegnabili sono memorizzate nella
directory res

36
03:03.430 --> 03:08.740
drawable del progetto Quindi devo
specificare qui nell'immagine componibile
la mia variabile painter.

37
03:08.740 --> 03:16.390
Questo approccio garantisce che le
immagini siano caricate in modo efficiente
e gestite

38
03:16.390 --> 03:23.800
correttamente all'interno del toolkit
Jetpack Compose UI, offrendo un modo
conveniente per integrare

39
03:23.800 --> 03:24.910
le immagini nei layout dell'interfaccia
utente, mantenendo al contempo prestazioni
e coerenza.

40
03:24.940 --> 03:33.040
Il parametro di descrizione del contenuto
viene utilizzato nell'immagine componibile
in

41
03:33.040 --> 03:35.290
Jetpack Compose per fornire una
descrizione testuale del contenuto
dell'immagine.

42
03:35.290 --> 03:42.490
Ai fini dell'accessibilità, è fondamentale
per rendere l'applicazione più inclusiva e
utilizzabile da

43
03:42.490 --> 03:47.080
chi ha problemi di vista o si affida a
lettori di schermo.

44
03:47.080 --> 03:53.470
Fornirò una descrizione del contenuto per
la mia immagine come logo dell'app di
codifica master.

45
03:53.470 --> 04:01.120
Includere sempre una descrizione del
contenuto per le immagini, soprattutto se

46
04:01.120 --> 04:04.420
trasmettono informazioni importanti o
hanno uno scopo funzionale all'interno
dell'applicazione.

47
04:04.450 --> 04:12.920
Evitate di utilizzare descrizioni
generiche come immagine o icona e cercate
di fornire un contesto significativo agli
utenti.

48
04:12.920 --> 04:14.570
Generiamo l'anteprima.

49
04:14.570 --> 04:20.480
Quindi lo copierò e lo incollerò qui per
visualizzare l'anteprima.

50
04:20.510 --> 04:21.320
Eccoci qua.

51
04:21.320 --> 04:23.030
Questa è la nostra immagine.

52
04:23.030 --> 04:26.210
Inoltre, è possibile aggiungere i
modificatori.

53
04:26.210 --> 04:34.340
Quindi il modificatore è uguale al
modificatore del punto di imbottitura, ad
esempio 16 dpi o dimensione.

54
04:34.370 --> 04:39.140
Si può vedere che questa è l'immagine e
che ci sono imbottiture da tutti i lati.

55
04:39.170 --> 04:39.500
Immagine.

56
04:39.500 --> 04:47.210
Composable è utilizzato per visualizzare
le immagini in Jetpack Compose e la
risorsa painter è un'utilità

57
04:47.210 --> 04:52.400
fornita da Jetpack Compose per caricare le
immagini da una risorsa disegnabile nel
progetto Android.

58
04:52.400 --> 04:58.880
I due parametri obbligatori da includere
nell'immagine sono

59
04:58.880 --> 04:59.630
il pittore e la descrizione del contenuto.

60
04:59.630 --> 05:06.710
Includete sempre una descrizione per il
contenuto ed evitate

61
05:06.710 --> 05:07.430
di utilizzare descrizioni generiche come
immagine o icona.