تقسیم‌کننده

تقسیم‌کننده‌ها خطوط باریکی هستند که موارد را در فهرست‌ها یا محفظه‌های دیگر از هم جدا می‌کنند. می‌توانید بااستفاده از ترکیب‌پذیرهای HorizontalDivider و VerticalDivider، جداکننده‌ها را در برنامه‌تان پیاده‌سازی کنید.

• HorizontalDivider: موارد را در ستون جدا می‌کند.
• ‫VerticalDivider: موارد را در یک ردیف از هم جدا می‌کند.

سطح میانای برنامه‌سازی کاربردی

Both components provide parameters for modifying their appearance:

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

توجه: می‌توانید از پارامتر modifier برای کنترل لایه استفاده کنید.

نمونه تقسیم‌کننده افقی

مثال زیر پیاده‌سازی مؤلفه 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

این پیاده‌سازی یک خط عمودی نازک بین دو مؤلفه نوشتاری ارائه می‌دهد:

شکل ۲. تقسیم‌کننده عمودی که دو مؤلفه نوشتاری را از هم جدا می‌کند.

منابع بیشتر

• HorizontalDivider
• VerticalDivider
• طراحی مواد - جداکننده‌ها