Continuiamo a scoprire i Composables.
E in questo video scopriremo la scheda composable.
La scheda componibile di Jetpack Compose è un componente dell'interfaccia utente altamente
versatile e personalizzabile che consente di visualizzare i contenuti con un'elevazione
e un padding coerenti, conferendo loro l'aspetto di una scheda materiale.
Fa parte dei componenti del Material Design e offre un modo
semplice per raggruppare i contenuti correlati per enfatizzare una particolare informazione.
Creiamo qui una nuova funzione componibile, che chiameremo la mia carta.
E all'interno di esso inizierò a creare la carta utilizzando il composable card.
All'interno della scheda possiamo utilizzare altri componibili, ad esempio un testo componibile che visualizza una semplice scheda.
Questa è una carta semplice.
Posso impostare il modificatore per questo testo e utilizzare il padding a 16 dpi.
Passiamo ora alla scheda che abbiamo.
Un modificatore consente di applicare modifiche al layout della scheda, come dimensioni, padding e allineamento.
Forma definisce la forma della carta, ad esempio gli angoli arrotondati.
È possibile utilizzare forme predefinite, come la forma ad angolo arrotondato, utilizzando le impostazioni predefinite della carta e i colori.
Imposta il colore predefinito del contenuto per i bambini.
Composizioni.
L'elevazione definisce l'altezza dell'ombra della tessera.
Il bordo consente di aggiungere un bordo alla scheda e al contenuto.
Personalizzazione del contenuto.
Ora torniamo indietro e usiamo questo attributo.
Quindi modificatore è uguale a modificatore punto di riempimento larghezza massima.
Inoltre posso utilizzare l'imbottitura per tutti i 16 dpi.
Inoltre abbiamo l'elevazione uguale all'ATP.
Questo è presente nelle versioni precedenti di Jetpack Compose, ma
per rilevare i nuovi aggiornamenti, possiamo andare al carrello.
Possiamo vedere l'elevazione.
Dovremmo fornire le impostazioni predefinite della carta e impostare il metodo di elevazione della carta.
Quindi qui chiamiamo le carte predefinite.
Metodo di elevazione della scheda.
E qui dentro chiamiamo ADP.
È inoltre possibile controllare l'elevazione della carta.
Il metodo di elevazione predefinito.
L'elevazione attuale.
Elevazione focalizzata Elevazione di Harvard.
Trascinare l'elevazione disabilitata.
Ecco come rileva i nuovi elementi creati e aggiornati in Jetpack Compose.
Forse questo aspetto verrà modificato in futuro.
È quindi possibile specificare, ad esempio, direttamente ADP o chiamare qualcosa di diverso da card defaults dot card elevation.
Vi sto insegnando come pensare, come essere coinvolti profondamente in Jetpack Compose in
modo da poter ascoltare e adattarvi ai cambiamenti negli aggiornamenti di Jetpack Compose.
Quindi la scheda di elevazione è predefinita.
Chiamiamo il metodo di elevazione della carta e lo impostiamo come ADP.
Ancora una volta, ragazzi, l'elevazione definisce l'altezza dell'ombra della carta.
Ora chiamiamo questa funzione componibile nel Setcontent ed eseguiamo l'applicazione.
Eccoci qua.
Questa è la nostra applicazione.
Abbiamo questa semplice scheda.
È possibile vedere l'elevazione e l'ombra.
Inoltre, è possibile personalizzare il colore del biglietto.
Quindi, ad esempio, i colori vicini a.
E se andiamo di nuovo alla dichiarazione della scheda, i ragazzi controllano sempre la dichiarazione
o qualsiasi funzione componibile, perché ci sono aggiornamenti continui per i Compose Composables di Jetpack.
È quindi necessario fornire un colore predefinito per la scheda.
Quindi, ancora una volta, i colori predefiniti della carta sono i punti della carta.
E qui si specifica il colore della carta.
Lo farò di nuovo come corsa gialla.
Ed eccoci qui.
È inoltre possibile specificare uno sfondo per gli elementi.
Quindi, utilizzando il modificatore per lo sfondo, vi mostrerò la differenza.
Quindi, colorate il punto blu e correte di nuovo.
E si può notare che il blu è per il modificatore.
E quella di colore giallo è per la carta.
Utilizzando le impostazioni predefinite della carta, è possibile impostare la quota e i colori.
Nei prossimi video impareremo di più sulle schede e costruiremo
un'interfaccia utente più complessa in Jetpack Compose utilizzando le schede.