الرموز في Jetpack Compose Glimmer

أجهزة XR المعنيّة

تساعدك هذه الإرشادات في إنشاء تجارب لهذه الأنواع من أجهزة الواقع الممتد.

مزيد من المعلومات حول أنواع أجهزة XR →

مزيد من المعلومات حول أنواع أجهزة XR →

في Jetpack Compose Glimmer، تم تصميم المكوّن Icon خصيصًا لعرض الرموز أحادية اللون. يمكن أن يقبل Icon ImageVector أو ImageBitmap أو Painter كمصدر له. يمكن أن تطبّق السمة Icon، المشابهة للسمة Text، لونًا بشكل ذكي استنادًا إلى مظهر واجهة المستخدم المحيطة. على الرغم من أنّ الحجم التلقائي هو الحجم الذي يوفّره LocalIconSize، يمكنك أيضًا ضبط أحجام مخصّصة للرموز.

مثال: إنشاء مربّع يتضمّن رمز نجمة كبير

@Composable
fun GlimmerIconSample() {
    GlimmerTheme {
        Box(
            modifier = Modifier.fillMaxSize(),
            contentAlignment = Alignment.Center
        ) {
            Column(horizontalAlignment = Alignment.CenterHorizontally) {
                Icon(
                    painter = painterResource(id = R.drawable.ic_star),
                    contentDescription = "A star icon from Google Symbols",
                    modifier = Modifier.size(GlimmerTheme.iconSizes.large),
                    tint = GlimmerTheme.colors.primary
                )
            }
        }
    }
}

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

• يحمّل مصدر الرمز الرسوم المتجهة المحلية بتنسيق XML (R.drawable.ic_star) باستخدام painterResource، ما يوضّح الطريقة المقترَحة لدمج الرموز في واجهة مستخدم Glimmer في Jetpack Compose بدون الحاجة إلى مكتبة خارجية.
• يتم تخصيص حجم الرمز من خلال ضبط GlimmerTheme.iconSizes.large باستخدام معدِّل، ما يوضّح كيفية تجاهل الحجم المحدّد مسبقًا في Glimmer من Jetpack Compose.
• يتم تخصيص لون درجة الرمز من خلال ضبط GlimmerTheme.colors.primary باستخدام المَعلمة tint، ما يؤدي إلى تطبيق تلوين الرمز بلون واحد لتحقيق اتساق مرئي.