WEBVTT 00:00.200 --> 00:02.120 Salve, amici, e bentornati. 00:02.120 --> 00:05.900 In questa sezione impareremo a conoscere il Viewpager in Android. 00:06.050 --> 00:12.740 Viewpager combinato con i frammenti è un potente modello di interfaccia utente in Android che consente di creare schermate 00:12.740 --> 00:17.450 o schede scorrevoli in cui ogni schermata o scheda contiene un frammento separato. 00:17.450 --> 00:23.960 È comunemente usato per costruire applicazioni con più viste o sezioni che gli utenti possono navigare strisciando 00:23.960 --> 00:30.620 orizzontalmente, come una galleria o una serie di pagine, esattamente come questa applicazione. 00:30.620 --> 00:34.400 Viene anche utilizzato per guidare gli utenti attraverso l'applicazione. 00:34.400 --> 00:40.940 Quando l'utente lancia l'applicazione per la prima volta in Android studio, create un nuovo 00:40.940 --> 00:46.780 progetto, selezionate l'attività Viste vuote e chiamatela Viewpager. 00:46.790 --> 00:53.900 Il primo passo consiste nel creare il widget Viewpager, un widget dell'interfaccia utente che consente di scorrere 00:53.900 --> 00:57.320 orizzontalmente una serie di viste o frammenti. 00:57.320 --> 01:01.830 Per questo, inizierò con il file XML del punto attività principale. 01:01.830 --> 01:06.510 Rimuovo questa vista di testo e aggiungo il Viewpager qui. 01:06.510 --> 01:10.050 Visualizzare il pager e selezionare Viewpager due. 01:10.080 --> 01:17.250 Questa è l'ultima libreria del Viewpager Fare clic su enter e si può vedere che proviene da Android Viewpager 01:17.250 --> 01:21.870 due punti widget pacchetto Matchparent Matchparent. 01:21.870 --> 01:22.860 E si vede. 01:22.860 --> 01:26.700 Questo è il widget Viewpager Con ulteriori vincoli. 01:26.700 --> 01:32.880 Basta fare clic su questo pulsante e qui gli darò un ID Viewpager due. 01:32.910 --> 01:39.930 Ecco come creare il widget Viewpager in Android e per una migliore implementazione senza 01:39.930 --> 01:47.280 problemi della libreria Viewpager due, dobbiamo aggiungere la seguente dipendenza Android 01:47.280 --> 01:51.900 alla build del progetto. file gradle Selezionare Kotlin e copiare questa riga. 01:51.900 --> 02:00.420 Questa implementazione va in Gradle e qui, nell'ambito delle dipendenze, incollerò l'implementazione della libreria 02:00.420 --> 02:03.090 Viewpager due Click sync. 02:03.090 --> 02:07.110 Il secondo passo consiste nel creare i frammenti. 02:07.110 --> 02:14.790 I frammenti rappresentano quindi parti modulari e riutilizzabili dell'interfaccia utente o della funzionalità dell'applicazione. 02:14.790 --> 02:21.840 Ogni frammento può contenere la propria interfaccia utente e i frammenti di comportamento sono particolarmente utili 02:21.840 --> 02:25.500 per creare sezioni scorrevoli all'interno di un viewpager. 02:25.500 --> 02:31.470 In questa esercitazione creerò tre frammenti, tre frammenti vuoti per il progetto. 02:31.470 --> 02:38.520 Creerò un nuovo frammento vuoto e lo chiamerò frammento uno, facendo clic su Fine. 02:38.520 --> 02:45.090 Rimuovere tutti questi codici e mantenere il costruttore e il metodo di visualizzazione Oncreate. 02:45.090 --> 02:52.170 Questo è il costruttore predefinito e la vista Oncreate è un metodo che ha il compito di gonfiare o 02:52.170 --> 02:58.740 analizzare o visualizzare il rispettivo file XML, che è il frammento di sottolineatura. 02:58.740 --> 03:00.150 E questo è il layout. 03:00.150 --> 03:07.200 Questo metodo restituisce la vista aggiunta all'adattatore Viewpager. 03:07.200 --> 03:11.460 È quindi essenziale per gonfiare e visualizzare questo layout. 03:11.460 --> 03:18.900 Modificherò il frammento, sottolineerò il layout uno e vedrete che questa è la vista testo e la chiamerò 03:18.900 --> 03:20.910 frammento numero uno. 03:24.530 --> 03:29.670 Aggiungo un colore di sfondo per questo layout e aggiungo questo colore. 03:29.690 --> 03:31.240 Questo è il frammento numero uno. 03:31.250 --> 03:33.230 Creerò un altro frammento. 03:34.240 --> 03:35.470 Chiamata a. 03:37.440 --> 03:39.420 Nuovo frammento. 03:39.570 --> 03:40.560 Vuoto. 03:40.560 --> 03:41.820 E gli darò un nome. 03:43.700 --> 03:44.420 Di nuovo. 03:44.420 --> 03:50.270 Eliminare i codici non necessari, mantenere il costruttore e il metodo di visualizzazione Oncreate. 03:50.300 --> 03:53.090 Modificare il frammento underscore in layout. 03:58.550 --> 04:01.390 E aggiungerò di nuovo questo colore. 04:01.400 --> 04:03.290 E l'ultimo frammento. 04:03.320 --> 04:05.050 Creare un nuovo frammento. 04:05.060 --> 04:09.800 Tre spazi vuoti e rimuoverò questi codici non necessari. 04:23.710 --> 04:24.250 Fino ad oggi. 04:24.250 --> 04:25.070 Siamo a posto. 04:25.090 --> 04:28.360 Abbiamo creato i nostri frammenti, i layout.