النص في Glimmer من Jetpack Compose

أجهزة XR المشمولة

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

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

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

في Jetpack Compose Glimmer، يتيح لك مكوّن Text ضبط خصائص نصية مختلفة، مثل اللون وحجم الخط ونمطه ووزنه وعائلته والمسافة بين الأحرف ومحاذاة النص.

يتميّز نص Jetpack Compose Glimmer بإدارة مطابقة الألوان بذكاء. على سبيل المثال، إذا لم يتم تحديد أيّ لون بديل، سيتم تلقائيًا استخدام لون المحتوى الذي توفّره أقرب مساحة يعرض عليها النص.

مثال: إنشاء عنوان نصي في مربّع

@Composable
fun TextSample() {
    Text(
        text = "Hello Glimmer",
        style = GlimmerTheme.typography.titleLarge
    )
}
TextSample.kt

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

• بما أنّه لم يتم تحديد أيّ لون، يبحث هذا النص عن أقرب مساحة لاختيار أفضل لون قابل للقراءة (عادةً ما يكون أبيض).

مقاسات الشعار

إنّ مقياس الطباعة في Jetpack Compose Glimmer أكبر بكثير من تصميم Material Design العادي على الأجهزة الجوّالة. يكون كلّ من النمطَين TitleLarge وBodyLarge بحجم 30.sp، بينما يكون النمط Caption بحجم 18.sp:

استخدام Google Sans Flex

‫Google Sans Flex هو خط متغيّر تم اختياره خصيصًا لنظارات الذكاء الاصطناعي ، وهو متوفّر كجزء من Jetpack Compose Glimmer. تسمح الزوايا المستديرة والمحاور القابلة للتعديل في الخط بضبط المقاسات البصرية بشكل مثالي، ما يضمن أن يظل النص سهل القراءة والاطّلاع عليه. إذا أمكن، استخدِم Google Sans Flex لجميع النصوص المعروضة على نظارات العرض لتحسين التناسق بين تطبيقك والنظام بالنسبة إلى المستخدمين.

لاستخدام Google Sans Flex، أضِف مكتبة glimmer-google-fonts إلى تبعيات تطبيقك، ثم طبِّق الخط على مستوى العالم على GlimmerTheme:

@Composable
fun GoogleSansFlexTypographySample() {
    val typography = createGoogleSansFlexTypography()
    GlimmerTheme(typography = typography) {
        Text("Hello World", style = GlimmerTheme.typography.titleLarge)
    }
}