WEBVTT 1 00:01.070 --> 00:02.150 Bentornati. 2 00:02.150 --> 00:05.630 Continuiamo l'immersione in Jetpack Compose Composables. 3 00:05.630 --> 00:09.530 In questo video impareremo a conoscere gli indicatori di progresso. 4 00:09.530 --> 00:15.020 Gli indicatori di avanzamento sono componenti visivi utilizzati per rappresentare l'avanzamento di un'attività o di un'operazione. 5 00:15.020 --> 00:22.940 Forniscono un feedback visivo agli utenti, indicando che è in 6 00:22.940 --> 00:23.990 corso un'azione e aiutando a gestire le aspettative degli utenti. 7 00:23.990 --> 00:32.060 In Jetpack Compose sono disponibili diversi tipi di indicatori di progresso, tra cui 8 00:32.060 --> 00:37.880 indicatori di progresso circolari, indicatori di progresso lineari e indicatori di progresso determinati. 9 00:37.880 --> 00:40.190 Cominciamo con il primo. 10 00:40.190 --> 00:48.770 Creerò una nuova funzione componibile e la chiamerò Indicatore di progresso circolare. 11 00:48.770 --> 00:55.730 E al suo interno inizierò a creare un indicatore di avanzamento circolare, che è una funzione componibile. 12 00:55.730 --> 00:58.820 E qui dovrei specificare i progressi. 13 00:58.820 --> 01:02.530 Se si passa al controllo delle dichiarazioni e al tasto sinistro del mouse. 14 01:02.530 --> 01:10.630 Possiamo vedere che abbiamo molti parametri di tipo, float, modificatore, modificatore, colore, 15 01:10.660 --> 01:13.870 colore, larghezza del tratto, colore del tracciato e limite del tratto. 16 01:13.870 --> 01:17.110 Le conosceremo nei prossimi minuti. 17 01:17.110 --> 01:19.780 Torniamo al nostro indicatore di progresso circolare. 18 01:19.780 --> 01:26.800 Se si rimuove l'avanzamento, è possibile specificare un indicatore di avanzamento circolare e visualizzare un 19 01:26.800 --> 01:31.210 indicatore di avanzamento circolare, che avrà un indicatore di avanzamento indefinito e senza limiti. 20 01:31.210 --> 01:32.110 Lasciate che vi mostri. 21 01:32.110 --> 01:35.650 Copiate quindi l'indicatore di avanzamento circolare e visualizzatelo qui. 22 01:35.650 --> 01:38.080 All'interno della colonna del contenuto dell'insieme. 23 01:38.110 --> 01:46.030 Eseguendo l'applicazione, si può notare che, senza specificare il parametro di avanzamento, 24 01:46.030 --> 01:52.390 si crea un indicatore di avanzamento circolare che visualizza un'animazione circolare che 25 01:52.390 --> 01:53.380 di solito ruota per indicare che un processo è in corso. 26 01:53.380 --> 02:00.820 Gli indicatori di avanzamento circolari sono comunemente utilizzati per attività 27 02:00.820 --> 02:02.350 di durata indefinita, come il caricamento di contenuti da Internet. 28 02:02.350 --> 02:04.350 Inoltre, è possibile specificare l'avanzamento. 29 02:04.350 --> 02:08.460 Ad esempio, 50 punto zero f. 30 02:08.460 --> 02:11.250 Vi mostro di nuovo il programma. 31 02:11.280 --> 02:12.600 In realtà non 50. 32 02:12.630 --> 02:17.310 Sono 0,0,5 f e si sta visualizzando un mezzo progresso. 33 02:17.310 --> 02:20.460 Quindi il massimo è uno ok. 34 02:20.460 --> 02:25.320 Quindi lo imposterò a 0,9. 35 02:25.320 --> 02:32.460 E si può notare che l'indicatore circolare di avanzamento sta visualizzando il 90% dell'attività completata. 36 02:32.460 --> 02:37.080 Il secondo tipo di indicatori di progresso è l'indicatore di progresso lineare. 37 02:37.080 --> 02:45.150 Gli indicatori di avanzamento lineari visualizzano una barra orizzontale che si 38 02:45.150 --> 02:47.130 riempie gradualmente da sinistra a destra, per rappresentare l'avanzamento di un'attività. 39 02:47.160 --> 02:55.320 Sono adatti a compiti con una durata definita, come il caricamento o il download di file, 40 02:55.320 --> 03:02.940 in cui l'avanzamento può essere misurato in termini di percentuale di completamento, creerò un nuovo componibile 41 03:02.940 --> 03:09.010 chiamato indicatore di avanzamento lineare e al suo interno utilizzerò il componibile indicatore di avanzamento lineare. 42 03:09.010 --> 03:12.520 Allo stesso modo, se rimuovo il parametro di avanzamento. 43 03:12.550 --> 03:18.430 Eseguire l'applicazione e richiamare l'indicatore di avanzamento lineare all'interno di Setcontent. 44 03:18.430 --> 03:23.890 Si può notare che abbiamo questo indicatore di progresso e questo indicatore di progresso lineare. 45 03:23.890 --> 03:28.390 Ma dobbiamo renderlo determinato e finito. 46 03:28.390 --> 03:33.490 Perciò specificherò l'avanzamento come 0,7 f eseguirlo di nuovo. 47 03:33.490 --> 03:34.720 Ed eccoci qui. 48 03:34.720 --> 03:39.520 Stiamo mostrando il 70% dei progressi completati. 49 03:39.520 --> 03:47.650 Inoltre ci sono molti modificatori che possiamo usare e parametri qui 50 03:47.650 --> 03:49.540 possiamo usare il modificatore di avanzamento colore traccia colore tappo tratto. 51 03:49.540 --> 03:54.610 Per esempio, questi sono simili all'indicatore di progresso circolare. 52 03:54.610 --> 04:01.780 Quindi, ad esempio, utilizzando color.red, visualizzerò i progressi in colore rosso. 53 04:01.810 --> 04:05.320 Inoltre, posso impostare il colore della traccia su giallo. 54 04:05.320 --> 04:12.510 Si può notare che la parte non completata è in giallo e quella completata è in rosso. 55 04:12.540 --> 04:14.640 Ci sono molte personalizzazioni. 56 04:14.640 --> 04:18.780 L'ultimo tipo è l'indicatore di progresso determinato. 57 04:18.780 --> 04:25.770 L'indicatore di avanzamento determinato è simile a un indicatore di avanzamento lineare, 58 04:25.770 --> 04:28.320 ma con una funzionalità aggiuntiva per impostare esplicitamente il valore di avanzamento. 59 04:28.350 --> 04:35.340 Ciò consente di aggiornare dinamicamente l'avanzamento in base al completamento di un'attività o di un'operazione specifica. 60 04:35.370 --> 04:42.210 Gli indicatori di progresso determinati sono comunemente utilizzati in scenari in cui il progresso 61 04:42.210 --> 04:49.500 può essere misurato e tracciato con precisione, quindi non ci sono compositori che 62 04:49.500 --> 04:52.110 iniziano con indicatori di progresso determinati come indicatori di progresso lineari e circolari. 63 04:52.140 --> 04:59.640 Nel prossimo video, vi sfiderò a creare un nuovo indicatore di 64 04:59.640 --> 05:03.570 progresso determinato e a imparare a costruire applicazioni completamente funzionali. 65 05:03.570 --> 05:05.640 Utilizzando questi compositori.