شرائح العناوين في Glimmer من Jetpack Compose

أجهزة XR المعنيّة
تساعدك هذه الإرشادات في إنشاء تجارب لهذه الأنواع من أجهزة الواقع الممتد.
مزيد من المعلومات حول أنواع أجهزة XR →
نظارات AI Glasses
مزيد من المعلومات حول أنواع أجهزة XR →

في Jetpack Compose Glimmer، تم تصميم المكوّن TitleChip لتقديم تصنيف موجز وغير تفاعلي للمحتوى المرتبط، مثل "البطاقة". استخدِم شرائح العناوين لعرض معلومات موجزة، مثل عنوان قصير أو اسم أو حالة. بما أنّ شرائح العناوين لا يمكن التركيز عليها أو التفاعل معها، فإنّها تؤدي دورًا إعلاميًا بحتًا ضمن واجهة مستخدم Glimmer في Jetpack Compose. على سبيل المثال، يمكنك تقديم شريحة عنوان تحمل التصنيف "المكوّنات" بجانب قائمة قابلة للتمرير تتضمّن المكوّنات.

الشكل 1. مثال على بعض الأنماط المختلفة لشرائح عناوين في Glimmer من Jetpack Compose

مثال أساسي: عرض شريحة لعنوان مختصر

يمكنك إنشاء شريحة لعنوان مختصر باستخدام قدر ضئيل جدًا من الرموز البرمجية:

TitleChip { Text("Messages") }

مثال تفصيلي: عرض شريحة عنوان مع بطاقة

لاستخدام شريحة العنوان مع مكوّن آخر، ضَع شريحة العنوان TitleChipDefaults.AssociatedContentSpacing فوق المكوّن الآخر في الدالة البرمجية المركّبة. يوضّح الرمز التالي كيفية استخدام شريحة عنوان مع بطاقة:

@Composable
fun TitleChipExample() {
    Column(horizontalAlignment = Alignment.CenterHorizontally) {
        TitleChip { Text("Title Chip") }
        Spacer(Modifier.height(TitleChipDefaults.AssociatedContentSpacing))
        Card(
            title = { Text("Title") },
            subtitle = { Text("Subtitle") },
            leadingIcon = { Icon(FavoriteIcon, "Localized description") },
        ) {
            Text("Card Content")
        }
    }
}

النقاط الرئيسية حول الرمز