Grid è un'API Jetpack Compose che ti consente di implementare in modo flessibile un layout bidimensionale.
Con questa API, puoi visualizzare gli elementi in layout a più colonne o più righe che si adattano alle dimensioni del contenitore disponibile.
Grid.
In che modo Grid è diversa dai composable simili?
Compose offre già componenti simili, come LazyVerticalGrid.
Questi componenti sono principalmente per la visualizzazione di set di dati omogenei di grandi dimensioni, ad esempio la visualizzazione di un catalogo di contenuti in un'app di streaming video. Questi componenti NON sono progettati per il layout strutturale di una schermata o di un componente complesso.
Puoi anche implementare un layout bidimensionale combinando più composable Row e Column.
Tuttavia, questo approccio presenta alcuni svantaggi, come gerarchie profonde e difficoltà di adattabilità.
La tabella seguente fornisce una panoramica dei layout adatti a ogni API:
| Componente | Finalità |
|---|---|
LazyVerticalGrid, LazyStaggeredGrid, LazyHorizontalGrid |
Visualizzazione di set di dati omogenei di grandi dimensioni che richiedono il caricamento lento. |
Row, Column, FlexBox |
Layout unidimensionale |
Grid |
Layout bidimensionale |
Terminologia
Acquisisci familiarità con la seguente terminologia per capire come funziona Grid.
Linea della griglia
Una griglia è composta da linee orizzontali e verticali. Se la griglia ha tre righe, ha quattro linee orizzontali, inclusa quella dopo l'ultima riga. Nell'immagine seguente, ogni linea tratteggiata rappresenta una linea della griglia:
Traccia della griglia
Una traccia della griglia è lo spazio tra due linee della griglia. Una traccia di riga si trova tra due linee orizzontali e una traccia di colonna si trova tra due linee verticali. Per definire le dimensioni di queste tracce, assegnale una dimensione quando crei la griglia.
Cella della griglia
Una cella della griglia è l'intersezione di una traccia di riga e di colonna.
Area della griglia
Un'area della griglia è composta da più celle della griglia. Puoi definire un'area della griglia facendo in modo che un elemento si estenda su più tracce.
Spazio della griglia
Uno spazio della griglia è la spaziatura tra le tracce della griglia. Non puoi inserire un elemento dell'interfaccia utente in uno spazio, ma puoi estenderlo.
