Ayırıcı

Bölenler, listelerdeki veya diğer kapsayıcılardaki öğeleri ayıran ince çizgilerdir. Uygulamanızda HorizontalDivider ve VerticalDivider composable'ları kullanarak ayırıcılar uygulayabilirsiniz.

API yüzeyi

Her iki bileşen de görünümlerini değiştirmek için parametreler sağlar:

  • thickness: Ayırıcı çizgisinin kalınlığını belirtmek için bu parametreyi kullanın.
  • color: Ayırıcı çizginin rengini belirtmek için bu parametreyi kullanın.

Yatay ayırıcı örneği

Aşağıdaki örnekte HorizontalDivider bileşeninin uygulanması gösterilmektedir. Satır yüksekliğini kontrol etmek için thickness parametresini kullanır:

@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

Bu uygulama sonucunda, iki metin bileşeni arasında ince bir yatay çizgi oluşturulur:

İnce yatay çizgiyle ayrılmış "Listedeki ilk öğe" ve "Listedeki ikinci öğe" olmak üzere iki metin öğesinin gösterildiği Android uygulama ekranı.
Şekil 1. İki metin bileşenini ayıran yatay ayırıcı.

Dikey ayırıcı örneği

Aşağıdaki örnekte VerticalDivider bileşeninin uygulanması gösterilmektedir. Satıra özel bir renk sağlamak için color parametresini kullanır:

@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

Bu uygulama, iki metin bileşeni arasında ince bir dikey çizgi oluşturur:

İnce bir dikey çizgiyle ayrılmış "Satırdaki ilk öğe" ve "Satırdaki ikinci öğe" olmak üzere iki metin öğesinin gösterildiği Android uygulama ekranı.
Şekil 2. İki metin bileşenini ayıran dikey ayırıcı.

Ek kaynaklar