WEBVTT 00:00.740 --> 00:02.840 Salve, amici, e bentornati. 00:02.840 --> 00:05.810 In questo video, inizieremo a costruire la nostra applicazione. 00:05.810 --> 00:10.580 Ma voglio che vi concentriate con me e scriviate le note. 00:10.610 --> 00:12.410 Seguitemi passo dopo passo. 00:12.410 --> 00:20.420 Per creare la vista riciclatore, il primo passo è il layout dell'elemento, un layout XML che rappresenta la disposizione 00:20.420 --> 00:23.960 di un singolo elemento nella vista riciclatore. 00:23.960 --> 00:29.480 Entriamo in Android Studio, creiamo il progetto e disegniamo il layout dell'elemento. 00:30.510 --> 00:31.920 Aprire Android Studio. 00:31.950 --> 00:38.790 Creare un nuovo progetto, selezionare l'attività Viste vuote e denominarla app di mercato. 00:38.790 --> 00:40.800 Selezionare Java Fare clic su Fine. 00:41.250 --> 00:43.770 Creerò un nuovo layout. 00:45.410 --> 00:51.490 Lo chiamerò layout item underscore, farò clic su OK e passerò alla modalità di divisione. 00:51.500 --> 00:56.630 In questo layout creerò una vista immagine e due viste testo. 01:02.060 --> 01:07.140 Sto solo specificando la sorgente per poterla impostare e vedere in modalità di progettazione. 01:07.160 --> 01:08.410 Trascinerò e lascerò cadere. 01:08.420 --> 01:13.250 Aggiungerò il vincolo dall'alto e il vincolo da sinistra. 01:13.280 --> 01:16.940 Aggiungerò il margine 16 e il margine dall'alto. 01:16.940 --> 01:19.580 Creiamo le due viste di testo. 01:25.000 --> 01:30.000 Lo trascinerò qui e ne dedurrò i vincoli. 01:30.010 --> 01:35.890 Poi la terza vista, che è quella del testo. 01:44.050 --> 01:49.420 Aggiungerò i vincoli a questo con il titolo. 01:50.400 --> 01:57.510 Da sinistra e dall'alto con il titolo e i 12 sotto il titolo. 01:57.510 --> 02:00.880 E questo è il nostro layout per l'articolo. 02:00.900 --> 02:07.380 Il secondo passo nella creazione della vista riciclatrice è la vista riciclatrice stessa, creando una vista riciclatrice 02:07.380 --> 02:09.540 nell'attività e inizializzandola. 02:09.570 --> 02:11.220 Passiamo all'attività principale. 02:11.250 --> 02:12.530 Passare alla modalità split. 02:12.750 --> 02:18.870 Rimuoviamo questa vista di testo e aggiungiamo dapprima una vista immagine. 02:22.180 --> 02:26.470 Questa vista immagine fungerà da intestazione per la nostra applicazione. 02:26.470 --> 02:32.950 Copierò e incollerò queste risorse nella cartella drawable. 02:35.330 --> 02:35.750 Fare clic. 02:35.750 --> 02:36.050 Ok. 02:36.080 --> 02:40.250 Assicuratevi che inizino con lettere piccole e senza numeri. 02:40.250 --> 02:45.040 E devo visualizzare questa intestazione nella vista immagine. 02:45.050 --> 02:50.630 Quindi imposterò src uguale intestazione slash disegnabile. 02:51.560 --> 02:57.890 Ho bisogno di aumentare le dimensioni a 240 e 240 va bene. 02:57.920 --> 03:03.290 Diminuirò le sue dimensioni di 2030, il che è positivo. 03:03.290 --> 03:06.040 E si vede che non ci sono spazi. 03:06.050 --> 03:08.480 Fare clic su di esso, dedurre i vincoli. 03:08.480 --> 03:09.410 Ed eccoci qui. 03:09.410 --> 03:11.810 Questa è la nostra vista dell'immagine di intestazione. 03:12.110 --> 03:20.560 Sotto la vista immagine devo creare la vista riciclatore, digitare vista riciclatore e vedere android x dot 03:20.570 --> 03:25.580 recycler view dot widget dot recycler view e premere invio. 03:25.580 --> 03:34.490 Ho bisogno di crearlo con matchparent e altezza come Wrapcontent. 03:34.520 --> 03:37.130 Questa è la vista del nostro riciclatore. 03:37.130 --> 03:46.460 Lo trascino e aggiungo il vincolo sotto la vista immagine e i vincoli a sinistra e 03:46.460 --> 03:47.690 a destra. 03:49.430 --> 03:51.470 E anche per il pulsante. 03:51.470 --> 03:53.150 Lo trascinerò e lo lascerò cadere. 03:53.150 --> 03:59.870 E per rendere il tutto più carino e professionale, aggiungerò il colore dello sfondo di questa immagine 03:59.870 --> 04:04.100 allo sfondo della vista riciclatore e del layout. 04:04.130 --> 04:15.350 Quindi qui imposterò l'ID della vista riciclatore, la vista riciclatore e lo sfondo e potrò specificare direttamente 04:15.350 --> 04:16.940 il colore. 04:17.690 --> 04:18.860 Questo è il colore. 04:18.860 --> 04:23.100 Ho usato photoshop per ottenere il colore e scegliere il colore. 04:23.120 --> 04:33.680 Lo copierò e andrò su e qui potrò incollare lo sfondo per il layout dei vincoli, in modo che abbia un aspetto più gradevole. 04:33.710 --> 04:41.930 Aggiungo alcuni margini dai 24 DPI superiori e questo va bene.