تقسیم‌کننده

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

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

هر دو عنصر پارامترهایی برای اصلاح ظاهرشان ارائه می‌دهند:

  • 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")
    }
}

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

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

نمونه تقسیم‌کننده عمودی

مثال زیر پیاده‌سازی عنصر 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")
    }
}

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

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

منابع بیشتر