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

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

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

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

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

  1. تصنيف شرائح العناوين
  2. رمز أو كيان اختياري في المقدّمة

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

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

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

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