Ayırıcı

Ayırıcılar, listelerdeki veya diğer kapsayıcılardaki öğeleri ayıran ince çizgilerdir. HorizontalDivider ve VerticalDivider composable'larını kullanarak uygulamanızda 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ı çizginin 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. Çizginin 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" metin öğelerini gösteren bir Android uygulama ekranı.
1. şekil. İki metin bileşenini ayıran yatay bir ayırıcı.

Dikey ayırıcı örneği

Aşağıdaki örnekte, VerticalDivider bileşeninin bir uygulaması gösterilmektedir. Çizgi 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ış iki metin öğesi ("Satırdaki ilk öğe" ve "Satırdaki ikinci öğe") gösteren bir Android uygulama ekranı.
Şekil 2. İki metin bileşenini ayıran dikey ayırıcı.

Ek kaynaklar