أداة تقسيم الشاشة

الفواصل هي خطوط رفيعة تفصل العناصر في قوائم أو الأخرى. يمكنك تطبيق الفواصل في تطبيقك باستخدام HorizontalDivider وVerticalDivider عنصر قابل للإنشاء.

• 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")
    }
}
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
• التصميم المتعدد الأبعاد - فواصل