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: Bölme çizgisinin 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. Satırın 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, iki metin bileşeni arasında ince bir yatay çizgi oluşturur:

İ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şeninin bir uygulaması gösterilmektedir. Satır için özel bir renk sağlamak üzere 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" adlı iki metin öğesini gösteren Android uygulama ekranı.
Şekil 2. İki metin bileşenini ayıran dikey bir ayırıcı.

Ek kaynaklar