تقسیم کننده

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

• 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

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

منابع اضافی

• HorizontalDivider
• VerticalDivider
• طراحی مواد - تقسیم کننده ها

،

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

• 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

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

منابع اضافی

• HorizontalDivider
• VerticalDivider
• طراحی مواد - تقسیم کننده ها

،

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

• 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

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

منابع اضافی

• HorizontalDivider
• VerticalDivider
• طراحی مواد - تقسیم کننده ها

،

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

• 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

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

منابع اضافی

• HorizontalDivider
• VerticalDivider
• طراحی مواد - تقسیم کننده ها