Pemisah adalah garis tipis yang memisahkan item dalam daftar atau penampung lainnya. Anda dapat menerapkan pemisah di aplikasi menggunakan composable HorizontalDivider
dan VerticalDivider
.
HorizontalDivider
: Memisahkan item dalam kolom.VerticalDivider
: Memisahkan item dalam satu baris.
Platform API
Kedua komponen menyediakan parameter untuk memodifikasi tampilannya:
thickness
: Gunakan parameter ini untuk menentukan ketebalan garis pembagi.color
: Gunakan parameter ini untuk menentukan warna garis pembagi.
Contoh pemisah horizontal
Contoh berikut menunjukkan implementasi
komponen HorizontalDivider
. Parameter ini menggunakan parameter thickness
untuk mengontrol tinggi baris:
@Composable fun HorizontalDividerExample() { Column( verticalArrangement = Arrangement.spacedBy(8.dp), ) { Text("First item in list") HorizontalDivider(thickness = 2.dp) Text("Second item in list") } }
Implementasi ini merender garis horizontal tipis di antara dua komponen teks:
![Layar aplikasi Android menampilkan dua item teks, 'First item in list' dan 'Second item in list', yang dipisahkan oleh garis horizontal tipis.](https://developer.android.google.cn/static/develop/ui/compose/images/components/divider-horizontal.png?hl=id)
Contoh pembagi vertikal
Contoh berikut menunjukkan implementasi
komponen VerticalDivider
. Parameter ini menggunakan parameter color
untuk memberikan warna kustom untuk garis:
@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") } }
Implementasi ini merender garis vertikal tipis di antara dua komponen teks:
![Layar aplikasi Android menampilkan dua item teks, 'Item pertama di baris' dan 'Item kedua di baris', yang dipisahkan oleh garis vertikal tipis.](https://developer.android.google.cn/static/develop/ui/compose/images/components/divider-vertical.png?hl=id)