WEBVTT

1
00:00.530 --> 00:05.990
L'ultima parte di cui parlare all'interno
di questo codice è l'anteprima.

2
00:06.020 --> 00:15.440
Preview è un'annotazione che consente di
generare un'anteprima di una

3
00:15.440 --> 00:18.320
funzione componibile direttamente nel
riquadro Preview di Android Studio.

4
00:18.350 --> 00:27.860
Questa funzione consente di vedere
l'aspetto dei componenti dell'interfaccia
utente

5
00:27.860 --> 00:29.300
senza eseguire l'intera applicazione su un
dispositivo o un emulatore.

6
00:29.330 --> 00:34.310
È particolarmente utile per lo sviluppo e
il test rapido dell'interfaccia utente.

7
00:34.340 --> 00:41.030
Chiudiamo questo dispositivo in esecuzione
e facciamo clic sulla modalità Split o
sulla modalità di progettazione.

8
00:41.060 --> 00:48.470
Preferisco usare la modalità divisa e
potete vedere l'anteprima di generazione.

9
00:48.470 --> 00:50.420
Ed eccoci qui.

10
00:50.420 --> 00:54.830
Questo è il nostro componibile se digito.

11
00:54.980 --> 00:56.990
Bentornati.

12
00:57.020 --> 01:05.240
Si può notare che Android Studio sta
compilando e renderizzando l'anteprima e
visualizzerà direttamente l'output.

13
01:05.240 --> 01:13.640
L'anteprima viene aggiornata
automaticamente ogni volta che si
apportano

14
01:13.640 --> 01:14.750
modifiche alle funzioni componibili o alle
loro dipendenze.

15
01:14.750 --> 01:20.510
Ciò consente un rapido ciclo di feedback
durante lo sviluppo dell'interfaccia
utente.

16
01:20.540 --> 01:29.360
Inoltre, è possibile personalizzare
l'anteprima specificando parametri quali
la

17
01:29.390 --> 01:32.270
configurazione del dispositivo, il tema e
le dimensioni dell'anteprima.

18
01:32.300 --> 01:35.720
Ad esempio, qui sto usando lo sfondo
mostra.

19
01:35.750 --> 01:40.460
Posso impostarlo su false e si può vedere
che riflette l'anteprima.

20
01:40.460 --> 01:49.610
Ad esempio, posso definire il dispositivo
uguale a devices dot Nexus

21
01:49.610 --> 01:52.400
six e l'anteprima sarà resa in base al
dispositivo Nexus six.

22
01:52.400 --> 01:54.020
Impostiamolo su true.

23
01:54.050 --> 02:01.370
È meglio se si può vedere il cambiamento
tra il Nexus 10 e il Nexus 6 a seconda del
dispositivo.

24
02:01.370 --> 02:08.690
In Jetpack Compose, l'annotazione preview
è un'annotazione che consente di generare
un'anteprima

25
02:08.690 --> 02:13.880
di una funzione componibile direttamente
nel pannello di anteprima di Android
Studio.