WEBVTT 00:00.290 --> 00:01.310 Bentornati. 00:01.310 --> 00:08.420 In questo video, impareremo a creare e implementare questo layout a schede e a collegare il layout a schede con il viewpager, 00:08.420 --> 00:14.960 consentendo all'utente di navigare tra i diversi frammenti utilizzando le schede Il layout a schede viene 00:14.990 --> 00:22.160 spesso aggiunto per fornire schede visive che gli utenti possono toccare per passare tra le diverse sezioni o pagine 00:22.160 --> 00:25.190 rappresentate dai frammenti. 00:25.190 --> 00:33.590 Il primo passo consiste nell'aggiungere il layout della scheda nell'attività principale; per crearlo, 00:33.590 --> 00:41.540 vado nell'attività principale e inizio con il layout della scheda e la T maiuscola e seleziono comm dot 00:41.540 --> 00:47.270 Google dot Android dot material dot tabs dot tab layout della scheda. 00:47.300 --> 00:51.560 Selezionerò matchparent per la larghezza e wrapcontent per l'altezza. 00:51.590 --> 00:59.090 Poi passerò alla modalità divisa e si potrà vedere la disposizione delle schede visualizzata in precedenza. 00:59.090 --> 01:04.110 Aggiungerò l'id di questo widget come layout della scheda. 01:04.110 --> 01:06.060 Ne deduco i vincoli. 01:06.510 --> 01:13.620 Ops, rimuoverò questo vincolo del Viewpager due e qui dedicherò il vincolo ad esso e rimuoverò 01:13.620 --> 01:15.600 il vincolo del pulsante. 01:15.600 --> 01:21.900 Quindi ho questo vincolo a sinistra, questo vincolo a destra e questo vincolo sopra. 01:21.900 --> 01:32.400 Poi faccio clic sul vincolo viewpager e imposto l'altezza del layout a zero per riempire questo 01:32.400 --> 01:33.630 spazio. 01:33.630 --> 01:37.960 Quindi il vincolo del pulsante, il vincolo sinistro e il vincolo destro sono impostati. 01:37.980 --> 01:38.430 Bene. 01:38.430 --> 01:47.850 Ma il vincolo di cui sopra del Viewpager due sarà impostato a zero per corrispondere al layout delle schede e riempire 01:47.850 --> 01:50.040 l'intera schermata. 01:50.040 --> 01:52.680 Quindi potete vedere che qui è meglio. 01:52.680 --> 01:56.130 Questo è il viewpager e questo è il layout delle schede. 01:56.130 --> 02:04.170 Poi passerò all'attività principale e inizializzerò il layout delle schede. 02:04.350 --> 02:12.630 Importare il pacchetto delle schede dei punti materiale da Android. com dot Google e ho bisogno di inizializzare questo 02:12.630 --> 02:16.050 layout di tabulazione uguale. 02:16.050 --> 02:19.530 Trova la vista in base all'ID o al layout della scheda id dot. 02:19.560 --> 02:21.120 Finora è stato molto semplice. 02:21.120 --> 02:28.770 Ora voglio che vi concentriate su di me perché sto per collegare il layout della scheda con il viewpager e visualizzare 02:28.770 --> 02:37.230 il numero del frammento nel layout della scheda che userò per collegare il layout della scheda con il viewpager, l'istanza del mediatore 02:37.230 --> 02:39.810 del layout della scheda. 02:39.810 --> 02:45.870 Quindi inizierò con il nuovo mediatore di layout delle schede e con il layout delle schede. 02:45.900 --> 02:53.690 Mediator è una classe di utilità fornita dalla libreria Android per semplificare l'integrazione del layout delle schede con 02:53.690 --> 02:54.840 il Viewpager due. 02:54.840 --> 03:02.670 Quando si creano interfacce a schede, consente di collegare il layout delle schede e il Viewpager in modo che le schede del 03:02.670 --> 03:08.280 layout delle schede corrispondano alle pagine o ai frammenti del Viewpager due. 03:08.310 --> 03:11.520 Ad esempio, qui ho bisogno di passare. 03:11.550 --> 03:18.300 Se facciamo clic sul controllo e sul tasto sinistro del mouse, possiamo andare alla dichiarazione del layout della scheda e dobbiamo passare 03:18.300 --> 03:19.530 il costruttore qui. 03:19.530 --> 03:25.950 Istanza di layout della scheda Istanza Viewpager e strategia di configurazione delle schede tre Parametri. 03:25.980 --> 03:32.040 In questo corso vi insegno a pensare, a creare le vostre applicazioni, ad affrontare 03:32.040 --> 03:34.620 i problemi e a risolverli da soli. 03:34.620 --> 03:36.600 Quindi dovete pensare come me. 03:36.630 --> 03:41.520 Andare al mediatore del layout della scheda Controllare Che cos'è la dichiarazione? 03:41.520 --> 03:49.560 Quali parametri devo passare nei costruttori del layout della scheda in mediator o in altre classi 03:49.560 --> 03:58.290 qui devo passare un'istanza del layout della scheda e ho creato questo layout della scheda prima che è qui. 03:58.290 --> 04:00.150 Quindi il layout della scheda. 04:00.150 --> 04:01.680 Questo è il primo parametro. 04:01.710 --> 04:07.800 Il secondo parametro è un'istanza del Viewpager e del viewpager che ho creato qui. 04:07.800 --> 04:08.970 Quindi Viewpager. 04:09.000 --> 04:13.860 Il terzo parametro è la strategia di configurazione della scheda. 04:13.860 --> 04:22.650 È possibile utilizzare il metodo della vecchia scuola, ovvero il nuovo mediatore di layout delle schede, la strategia di configurazione delle schede, che 04:22.650 --> 04:28.350 si implementa con la configurazione della scheda, che richiede due parametri: scheda e posizione. 04:28.350 --> 04:36.540 Oppure si può semplicemente usare un'espressione lambda come questa scheda e posizione. 04:36.540 --> 04:41.100 Si tratta di due parametri come questa scheda e la posizione. 04:41.100 --> 04:45.930 Qui si impostano i titoli delle schede e altre personalizzazioni, se necessario. 04:45.930 --> 04:53.100 Anche in questo caso, il mediatore di layout di schede viene inizializzato con tre parametri layout di schede il layout a cui si 04:53.100 --> 04:54.960 vuole collegare il viewpager. 04:54.990 --> 04:57.510 È il punto in cui verranno visualizzate le schede. 04:57.510 --> 04:59.880 Il Viewpager che è un'istanza. 05:00.000 --> 05:02.030 Disattivare il viewpager per il widget. 05:02.040 --> 05:07.260 Rappresenta il contenuto che le schede navigheranno e la posizione delle schede. 05:07.260 --> 05:14.700 Questa espressione lambda consente di personalizzare le schede per ogni scheda corrispondente a un frammento. 05:14.700 --> 05:20.310 Questa lambda viene chiamata con due parametri, la scheda e la posizione della scheda. 05:20.310 --> 05:23.250 Questo parametro rappresenta la scheda corrente. 05:23.250 --> 05:29.370 Nel layout della scheda è possibile personalizzare l'aspetto, le icone del testo e così via. 05:29.400 --> 05:30.510 La posizione. 05:30.510 --> 05:36.780 Questo parametro rappresenta la posizione del frammento all'interno del Viewpager due e può essere usato per determinare 05:36.780 --> 05:41.400 come personalizzare la scheda in base alla posizione del frammento. 05:41.400 --> 05:42.120 In seguito. 05:42.120 --> 05:50.430 Quando parleremo in dettaglio delle espressioni lambda in Java e in Android, lo imposterò, ma è possibile utilizzare 05:50.430 --> 05:58.440 la strategia di configurazione del mediatore new tab dot tab e implementarla nella scheda configure. 05:58.440 --> 06:03.220 Si possono notare i due parametri, la scheda e la posizione. 06:03.220 --> 06:10.270 Ancora una volta la scheda rappresenta la scheda corrente nel layout delle schede e la posizione è il parametro che rappresenta la posizione 06:10.270 --> 06:17.110 del frammento all'interno del Viewpager sulla scheda Configura, è possibile personalizzare e impostare i titoli delle schede e 06:17.140 --> 06:19.060 altre personalizzazioni. 06:19.060 --> 06:28.120 Il punto di tabulazione imposta il testo sul frammento e qui otterrò la posizione del frammento e aggiungerò il numero 06:28.120 --> 06:32.650 uno perché il conteggio delle tabulazioni inizia da zero. 06:32.650 --> 06:39.190 Quindi ne aggiungerò uno da impostare per la posizione numero uno della scheda da visualizzare come frammento. 06:39.220 --> 06:41.050 Numero uno, non zero. 06:41.050 --> 06:45.760 Poi chiamerò questo metodo chiamato attach dot attach. 06:45.760 --> 06:53.080 Il metodo attach viene richiamato alla fine per collegare il mediatore del layout delle schede al layout delle schede e al Viewpager 06:53.080 --> 06:53.410 due. 06:53.440 --> 07:00.850 Questo è il momento in cui il mediatore inizia ad affondare le schede con le pagine o i frammenti nel viewpager due. 07:00.850 --> 07:07.630 Dopo aver richiamato il metodo attach, si vedranno le schede nel layout delle schede corrispondenti alle 07:07.630 --> 07:09.460 pagine del Viewpager due. 07:09.460 --> 07:12.550 Eseguiamo la nostra applicazione e congratulazioni! 07:12.550 --> 07:17.710 Si può vedere il frammento e questa è la posizione della scheda numero due tre. 07:17.710 --> 07:22.600 Inoltre, è possibile scorrere il dito e vedere che la navigazione delle schede funziona perfettamente. 07:22.600 --> 07:27.460 Ecco come implementare il layout a schede con Viewpager in Android.