I divisori sono linee sottili che separano gli elementi negli elenchi o in altri
container. Puoi implementare i divisori nell'app utilizzando gli elementi componibili HorizontalDivider
e VerticalDivider
.
HorizontalDivider
: separa gli elementi in una colonna.VerticalDivider
: separa gli elementi in una riga.
Piattaforma API
Entrambi i componenti forniscono i parametri per modificarne l'aspetto:
thickness
: utilizza questo parametro per specificare lo spessore della linea di divisione.color
: utilizza questo parametro per specificare il colore della linea di divisione.
Esempio di divisore orizzontale
L'esempio seguente mostra un'implementazione del componente HorizontalDivider
. Utilizza il parametro thickness
per controllare
l'altezza della riga:
@Composable fun HorizontalDividerExample() { Column( verticalArrangement = Arrangement.spacedBy(8.dp), ) { Text("First item in list") HorizontalDivider(thickness = 2.dp) Text("Second item in list") } }
Questa implementazione esegue il rendering di una sottile linea orizzontale tra due componenti di testo:
![Schermata di un'app Android su cui sono visualizzati due elementi di testo, "Primo elemento dell'elenco" e "Secondo elemento dell'elenco", separati da una sottile riga orizzontale.](https://developer.android.com/static/develop/ui/compose/images/components/divider-horizontal.png?hl=it)
Esempio di divisore verticale
L'esempio seguente mostra un'implementazione del componente VerticalDivider
. Utilizza il parametro color
per fornire un colore
personalizzato per la riga:
@Composable fun VerticalDividerExample() { Row( modifier = Modifier .fillMaxWidth() .height(IntrinsicSize.Min), horizontalArrangement = Arrangement.SpaceEvenly ) { Text("First item in row") VerticalDivider(color = MaterialTheme.colorScheme.secondary) Text("Second item in row") } }
Questa implementazione mostra una sottile linea verticale tra due componenti di testo:
![Schermata di un'app Android su cui sono visualizzati due elementi di testo, "Primo elemento nella riga" e "Secondo elemento nella riga", separati da una sottile linea verticale.](https://developer.android.com/static/develop/ui/compose/images/components/divider-vertical.png?hl=it)