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

تنظيم صفحاتك في مجموعات يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.

الفواصل هي خطوط رفيعة تفصل العناصر في قوائم أو الأخرى. يمكنك تطبيق الفواصل في تطبيقك باستخدام 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
• تصميم المواد - الفواصل