Делитель

Разделители — это тонкие линии, разделяющие элементы в списках или других контейнерах. Вы можете реализовать разделители в своем приложении, используя составные элементы 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")
    }
}
Divider.kt

Эта реализация отображает тонкую горизонтальную линию между двумя текстовыми компонентами:

Пример вертикального разделителя

В следующем примере демонстрируется реализация компонента 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")
    }
}
Divider.kt

Эта реализация отображает тонкую вертикальную линию между двумя текстовыми компонентами:

Дополнительные ресурсы

• HorizontalDivider
• VerticalDivider
• Материальный дизайн — разделители

,

Разделители — это тонкие линии, разделяющие элементы в списках или других контейнерах. Вы можете реализовать разделители в своем приложении, используя составные элементы 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")
    }
}
Divider.kt

Эта реализация отображает тонкую горизонтальную линию между двумя текстовыми компонентами:

Пример вертикального разделителя

В следующем примере демонстрируется реализация компонента 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")
    }
}
Divider.kt

Эта реализация отображает тонкую вертикальную линию между двумя текстовыми компонентами:

Дополнительные ресурсы

• HorizontalDivider
• VerticalDivider
• Материальный дизайн — разделители

,

Разделители — это тонкие линии, разделяющие элементы в списках или других контейнерах. Вы можете реализовать разделители в своем приложении, используя составные элементы 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")
    }
}
Divider.kt

Эта реализация отображает тонкую горизонтальную линию между двумя текстовыми компонентами:

Пример вертикального разделителя

В следующем примере демонстрируется реализация компонента 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")
    }
}
Divider.kt

Эта реализация отображает тонкую вертикальную линию между двумя текстовыми компонентами:

Дополнительные ресурсы

• HorizontalDivider
• VerticalDivider
• Материальный дизайн — разделители

,

Разделители — это тонкие линии, разделяющие элементы в списках или других контейнерах. Вы можете реализовать разделители в своем приложении, используя составные элементы 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")
    }
}
Divider.kt

Эта реализация отображает тонкую горизонтальную линию между двумя текстовыми компонентами:

Пример вертикального разделителя

В следующем примере демонстрируется реализация компонента 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")
    }
}
Divider.kt

Эта реализация отображает тонкую вертикальную линию между двумя текстовыми компонентами:

Дополнительные ресурсы

• HorizontalDivider
• VerticalDivider
• Материальный дизайн — разделители