Разделители — это тонкие линии, которые разделяют элементы в списках или других контейнерах. Вы можете реализовать разделители в своем приложении с помощью составных элементов HorizontalDivider
и VerticalDivider
.
-
HorizontalDivider
: разделяет элементы в столбце. -
VerticalDivider
: разделяет элементы в строке.
API поверхность
Оба компонента предоставляют параметры для изменения своего внешнего вида:
-
thickness
: используйте этот параметр, чтобы указать толщину разделительной линии. -
color
: используйте этот параметр, чтобы указать цвет разделительной линии.
Пример горизонтального разделителя
Следующий пример демонстрирует реализацию компонента HorizontalDivider
. Он использует параметр thickness
для управления высотой линии:
@Composable fun HorizontalDividerExample() { Column( verticalArrangement = Arrangement.spacedBy(8.dp), ) { Text("First item in list") HorizontalDivider(thickness = 2.dp) Text("Second item in list") } }
Эта реализация отображает тонкую горизонтальную линию между двумя текстовыми компонентами:

Пример вертикального разделителя
Следующий пример демонстрирует реализацию компонента VerticalDivider
. Он использует параметр color
для предоставления пользовательского цвета для линии:
@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") } }
Эта реализация отображает тонкую вертикальную линию между двумя текстовыми компонентами:
