Ayırıcı

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

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şeni. 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:

"Listedeki ilk öğe" şeklinde iki metin öğesinin gösterildiği bir Android uygulama ekranı ve 'Listedeki ikinci öğe', ince yatay çizgiyle ayrılmış olmalıdır.
Ş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:

"Satırdaki ilk öğe" adlı iki metin öğesinin gösterildiği Android uygulama ekranı ve 'Satırdaki ikinci öğe', ince bir dikey çizgiyle ayrılmış olmalıdır.
Şekil 2. İki metin bileşenini ayıran dikey bir ayırıcı.

Ek kaynaklar