WEBVTT 1 00:00.480 --> 00:01.640 Bentornati. 2 00:01.680 --> 00:03.440 Abbiamo finito la logica. 3 00:03.440 --> 00:05.600 Ora creiamo l'interfaccia utente. 4 00:05.960 --> 00:11.120 Qui, creare un nuovo pacchetto chiamato screens all'interno di screens. 5 00:11.320 --> 00:18.040 Creiamo un nuovo file chiamato Selettore di posizione. 6 00:18.080 --> 00:25.360 Creare una nuova funzione componibile chiamata selettore di posizione. 7 00:25.560 --> 00:31.640 Passare tre parametri: posizione selezionata, posizione e posizione selezionata. 8 00:31.680 --> 00:39.160 Il primo parametro è un elenco di stringhe, il secondo parametro 9 00:39.160 --> 00:41.040 è di tipo stringa e l'ultimo parametro è un'espressione lambda. 10 00:41.040 --> 00:45.720 Prende in considerazione la stringa dei parametri e restituisce l'unità o il nulla. 11 00:45.760 --> 00:51.120 Bene, ora iniziamo a creare una nuova colonna componibile. 12 00:51.880 --> 00:57.040 E all'interno di questa colonna abbiamo un nuovo testo componibile. 13 00:57.240 --> 01:01.520 Importare il testo componibile e definire il testo. 14 01:01.640 --> 01:03.280 Selezionare una località. 15 01:03.600 --> 01:12.600 Il secondo parametro è style material theme dot typography dot headline. 16 01:12.840 --> 01:13.480 Grande. 17 01:13.800 --> 01:20.200 Il terzo parametro è il modificatore del punto di imbottitura inferiore ADP. 18 01:20.240 --> 01:28.280 Ora creo l'elemento per ogni sede, quindi i punti delle sedi per ciascuno. 19 01:28.600 --> 01:34.960 Quindi dobbiamo passare una posizione come parametro per questa espressione lambda. 20 01:35.200 --> 01:43.680 Dobbiamo creare una riga che definisca ogni elemento, ogni luogo nell'elenco dei luoghi. 21 01:43.680 --> 01:52.760 Quindi, per ogni voce dell'elenco delle località passato come parametro, 22 01:52.760 --> 01:53.840 si deve creare una riga e definirla per ogni località. 23 01:53.880 --> 02:05.450 Qui la riga inizia con il modificatore modificatore punto riempimento 24 02:05.490 --> 02:06.370 larghezza massima punto selezionabile e all'interno del selezionabile selezionato. 25 02:06.410 --> 02:11.810 Sto verificando se la posizione è uguale alla posizione selezionata. 26 02:11.970 --> 02:17.690 E qui cliccate su Posizione selezionata, andate e passate alla posizione. 27 02:17.930 --> 02:22.890 Questi sono i due parametri passati dal selettore di posizione. 28 02:22.890 --> 02:23.730 Componibile. 29 02:23.770 --> 02:29.890 Assicurarsi di specificare l'imbottitura ATP da tutti i lati. 30 02:30.250 --> 02:39.170 E dobbiamo specificare l'allineamento verticale del punto al centro del punto in verticale. 31 02:39.290 --> 02:46.730 Dobbiamo passare il contenuto, quindi il contenuto sarà 32 02:47.050 --> 02:47.610 passato come espressione lambda per l'ultimo parametro. 33 02:47.730 --> 02:55.490 Per il pulsante di opzione abbiamo due parametri da specificare, il selezionato e il clic al momento della selezione. 34 02:55.490 --> 03:02.170 Quando viene selezionata, si va a impostare la posizione e si controlla se è la 35 03:02.210 --> 03:08.330 posizione selezionata e, al clic, si va a eseguire su Posizione selezionata e si 36 03:08.330 --> 03:11.210 passano la posizione e la posizione selezionata come parametro, dobbiamo creare un modificatore distanziatore. 37 03:11.610 --> 03:14.730 Larghezza del punto modificatore dp. 38 03:15.090 --> 03:18.370 Questo serve solo a separare il testo dal pulsante di opzione. 39 03:18.530 --> 03:24.010 L'ultima cosa da specificare è il testo componibile. 40 03:24.010 --> 03:27.490 Quindi il testo equivale alla posizione. 41 03:27.530 --> 03:29.210 Andate a impostare la posizione. 42 03:29.250 --> 03:29.810 Ok. 43 03:30.050 --> 03:34.850 Questa è la nostra funzione componibile del selettore di posizione. 44 03:34.850 --> 03:36.490 Abbiamo creato una colonna. 45 03:36.530 --> 03:38.250 Abbiamo quindi un testo. 46 03:38.250 --> 03:39.210 Selezionare una località. 47 03:39.210 --> 03:40.450 Questo è solo un titolo. 48 03:40.450 --> 03:45.610 E al suo interno abbiamo recuperato le posizioni per ogni luogo. 49 03:45.610 --> 03:50.890 Per ogni località dell'elenco delle località, creare una riga. 50 03:51.090 --> 03:57.010 All'interno di questa riga abbiamo due elementi: il pulsante di opzione e il pulsante di opzione testo. 51 03:57.410 --> 04:05.010 Si attiverà il clic sulla posizione selezionata e il testo specificherà il nome della posizione.