Bentornati.
Il primo passo per creare un'applicazione di revisione delle schede è iniziare con il layout dell'elemento della vista scheda,
che è un layout XML che rappresenta il layout di un singolo elemento nella vista riciclatore.
Aprite Android Studio Selezionate Nuovo progetto Selezionate l'attività Viste vuote e chiamatela applicazione Sport.
Premiamo finish e passiamo alla cartella risorse della cartella layout.
Fate clic sulla risorsa Layout di visualizzazione e assegnatele il nome di layout dell'elemento scheda.
Modalità Split e iniziamo a costruire la nostra vista scheda.
Il primo passo è rimuovere il constraintlayout e sostituirlo con la vista scheda.
Android x dot Cardview dot widget dot card view.
E questo è il nostro layout di visualizzazione della carta.
Sono molti gli attributi che si possono impostare per la visualizzazione delle schede.
Il primo è il raggio d'angolo e per utilizzare gli attributi della vista scheda è necessario importare
i collegamenti dell'applicazione.
Quindi basta digitare app e importare questa riga.
Allora userò l'app.
Ci sono molti attributi che possiamo usare per la vista della scheda.
Inizierò con il raggio dell'angolo, che definisce il raggio dell'angolo delle tessere.
Lo imposterò a 20 dpi per vederlo meglio.
Posso impostare il colore di sfondo del biglietto.
Ad esempio, scheda app, colore di sfondo e seleziono il nero e si possono vedere gli angoli, gli angoli arrotondati
della vista scheda.
Posso aumentare questi angoli a 40.
È possibile vedere il raggio dell'angolo.
L'elevazione della tessera è un attributo che controlla l'elevazione o l'ombra della tessera.
Ad esempio, lo imposterò a 20 DPI.
Inoltre, è possibile aggiungere un padding all'interno della vista della scheda per creare una spaziatura tra il contenuto della scheda e i
suoi bordi.
Inoltre, è possibile impostare i margini per controllare la spaziatura tra le visualizzazioni di più schede.
Ad esempio, posso impostare un margine di otto DPI.
Imposterò l'altezza a 120 DPI e vedrete che questa è la nostra carta.
Il contenuto all'interno della vista scheda può essere costituito da qualsiasi layout, come constraintlayout relativamente
out, linearmente out e da qualsiasi vista, come le viste di testo, le viste di immagine o altre viste che consentono di creare elementi dell'interfaccia utente
ricchi e informativi.
Inizierò con la visualizzazione delle immagini.
Creerò una vista immagine con Matchparent e Height Matchparent.
Ho preparato questi beni.
Sei immagini, una per l'intestazione e cinque per le schede.
Li ho inseriti nella cartella dei disegnabili.
Ed eccoci qui.
Posso utilizzare l'SRC dell'immagine per visualizzarla nel carrello.
Il calcio.
Lo si può vedere.
Posso cambiarlo in pallavolo e così via.
Quindi posso cambiare l'altezza di questa vista carrello a 200 e si può vedere che si riempie.
L'immagine riempie il carrello e si possono notare gli angoli arrotondati intorno all'immagine.
E come detto prima, il contenuto della vista carrello può essere qualsiasi layout.
Quindi creerò un layout di vincoli qui.
Matchparent Matchparent.
E, premendo il tasto shift e il segno maggiore, vi applicherò un tag di chiusura.
Posizionerò questa vista immagine all'interno del layout di vincolo, in modo da vedere che la vista immagine è all'interno del
layout di vincolo e il layout di vincolo riempie la vista scheda.
Faccio clic su questa immagine per visualizzare i vincoli ed eccoci al punto di partenza.
Si può notare che la larghezza e l'altezza sono impostate per riempire il genitore.
Posso aggiungere un altro widget che è una vista di testo.
Aggiungerò la larghezza come matchparent wrap content e l'id sarà text view e imposterò un attributo text a questa text
view title size 48 e si può vedere questo è il titolo.
Lo trascinerò in altri vincoli e vedrò che nel pannello Attributi posso modificare questa vista di
testo all'interno del layout dei vincoli.
Ad esempio, l'ATP.
ATP e naturalmente posso modificare il colore della visualizzazione del testo qui e lo imposterò su nero.
Questo è il nostro progetto di layout dell'elemento della vista scheda.
Passiamo ora all'attività underscore main, passiamo alla modalità split, rimuoviamo la vista testo e sostituiamola
con la vista riciclatore e sopra la vista riciclatore.
Creerò una vista immagine che fungerà da intestazione per questa applicazione.
Image View Matchparent Wrap content o 1 o 220 è un buon mare profondo.
Sarebbe la testata e va bene in ulteriori vincoli.
Ora modifichiamo la vista del riciclatore.
Il punto di vista del riciclatore.
Rimuoviamo tutti i vincoli e trasciniamo la destra.
E questo vincolo, lo trascinerò e lo lascerò cadere.
Ed ecco, questa vista dell'immagine.
Aggiungerò il vincolo al genitore, non all'inizio della vista riciclatore.
Allora questo è un bene.
Modifico l'altezza a zero e si può vedere che riempirà il genitore.
Questo è il layout della nostra scheda e questa è la vista del riciclatore con l'immagine di intestazione dell'attività principale.