تقسیم کننده

تقسیم کننده ها خطوط نازکی هستند که موارد را در لیست ها یا سایر ظروف از هم جدا می کنند. می‌توانید تقسیم‌کننده‌ها را با استفاده از ترکیب‌پذیرهای 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

این پیاده سازی یک خط افقی نازک بین دو جزء متن ارائه می کند:

یک صفحه برنامه Android که دو مورد نوشتاری را نشان می‌دهد، «اولین مورد در فهرست» و «مورد دوم در فهرست» که با یک خط افقی نازک از هم جدا شده‌اند.
شکل 1. یک تقسیم کننده افقی که دو جزء متن را از هم جدا می کند.

مثال تقسیم کننده عمودی

مثال زیر اجرای مولفه 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

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

یک صفحه برنامه Android که دو مورد نوشتاری را نشان می‌دهد، «اول مورد در ردیف» و «مورد دوم در ردیف» که با یک خط عمودی باریک از هم جدا شده‌اند.
شکل 2. یک تقسیم کننده عمودی که دو جزء متن را از هم جدا می کند.

منابع اضافی