Đường phân chia

Đường phân chia là các đường thẳng mỏng giúp phân tách các mục trong danh sách hoặc các vùng chứa khác. Bạn có thể triển khai các đường phân chia trong ứng dụng bằng cách sử dụng các thành phần kết hợp HorizontalDivider và VerticalDivider.

Nền tảng API

Cả hai thành phần đều cung cấp các tham số để sửa đổi giao diện:

  • thickness: Sử dụng tham số này để chỉ định độ dày của đường phân chia.
  • color: Sử dụng tham số này để chỉ định màu của đường phân chia.

Ví dụ về đường phân chia theo chiều ngang

Ví dụ sau đây minh hoạ cách triển khai thành phần HorizontalDivider. Hàm này sử dụng tham số thickness để kiểm soát chiều cao của dòng:

@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

Cách triển khai này hiển thị một đường ngang mỏng giữa hai thành phần văn bản:

Màn hình ứng dụng Android hiển thị hai mục văn bản, "Mục đầu tiên trong danh sách" và "Mục thứ hai trong danh sách", được phân tách bằng một đường ngang mỏng.
Hình 1. Một đường phân cách theo chiều ngang phân tách hai thành phần văn bản.

Ví dụ về đường phân chia dọc

Ví dụ sau đây minh hoạ cách triển khai thành phần VerticalDivider. Hàm này sử dụng tham số color để cung cấp màu tuỳ chỉnh cho dòng:

@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

Cách triển khai này hiển thị một đường dọc mỏng giữa hai thành phần văn bản:

Màn hình ứng dụng Android hiển thị hai mục văn bản, "Mục đầu tiên trong hàng" và "Mục thứ hai trong hàng", được phân tách bằng một đường dọc mỏng.
Hình 2. Một đường phân cách dọc phân tách hai thành phần văn bản.

Tài nguyên khác