Ayırıcı

Ayırıcılar, listelerdeki veya diğer kapsayıcılardaki öğeleri ayıran ince çizgilerdir. HorizontalDivider ve VerticalDivider bileşenlerini kullanarak uygulamanıza bölücü uygulayabilirsiniz.

API yüzeyi

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

  • thickness: Bölme ç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 bir uygulaması gösterilmektedir. Aşağıdakini kontrol etmek için thickness parametresini kullanır: satır yüksekliği:

@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 bir yatay çizgiyle ayrılmış "Listedeki ilk öğe" ve "Listedeki ikinci öğe" adlı iki metin öğesini gösteren bir 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şeni. Özel bir değer sağlamak için color parametresini kullanır çizginin rengi:

@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" adlı iki metin öğesini gösteren Android uygulama ekranı.
Şekil 2. İki metin bileşenini ayıran dikey ayırıcı.

Ek kaynaklar