تقسیم کننده

جداکننده‌ها خطوط نازکی هستند که آیتم‌ها را در لیست‌ها یا سایر کانتینرها از هم جدا می‌کنند. شما می‌توانید جداکننده‌ها را در برنامه خود با استفاده از کامپوننت‌های HorizontalDivider و VerticalDivider پیاده‌سازی کنید.

سطح API

هر دو کامپوننت پارامترهایی برای تغییر ظاهر خود ارائه می‌دهند:

  • thickness : از این پارامتر برای تعیین ضخامت خط جداکننده استفاده کنید.
  • color : از این پارامتر برای تعیین رنگ خط جداکننده استفاده کنید.

مثال جداکننده افقی

مثال زیر پیاده‌سازی کامپوننت HorizontalDivider را نشان می‌دهد. این کامپوننت از پارامتر thickness برای کنترل ارتفاع خط استفاده می‌کند: 

@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

این پیاده‌سازی یک خط افقی نازک بین دو مؤلفه متنی ایجاد می‌کند:

صفحه برنامه اندروید که دو آیتم متنی «اولین آیتم در لیست» و «دومین آیتم در لیست» را نمایش می‌دهد که با یک خط افقی نازک از هم جدا شده‌اند.
شکل ۱. یک جداکننده افقی که دو مؤلفه متنی را از هم جدا می‌کند.

مثال جداکننده عمودی

مثال زیر پیاده‌سازی کامپوننت VerticalDivider را نشان می‌دهد. این مثال از پارامتر color برای ارائه یک رنگ سفارشی برای خط استفاده می‌کند: 

@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

این پیاده‌سازی یک خط عمودی نازک بین دو کامپوننت متنی ایجاد می‌کند:

صفحه یک برنامه اندروید که دو آیتم متنی «اولین آیتم در ردیف» و «دومین آیتم در ردیف» را نمایش می‌دهد که با یک خط عمودی نازک از هم جدا شده‌اند.
شکل ۲. یک جداکننده عمودی که دو مؤلفه متنی را از هم جدا می‌کند.

منابع اضافی