تطبيق أنماط على أجزاء من النص

يمكنك إضفاء نمط على أجزاء من النص لتحسين إمكانية القراءة وزيادة إيجابية تجربة المستخدم، وتعزيز الإبداع من خلال استخدام الألوان والخطوط.

توافق الإصدار

يتطلّب هذا التنفيذ ضبط الحد الأدنى من إصدار حزمة SDK لمشروعك على المستوى 21 من واجهة برمجة التطبيقات أو إصدار أحدث.

التبعيات

تطبيق أنماط على أجزاء من النص

يعرض الرمز التالي السلسلة "Hello World" باستخدام اللون الأزرق للحرف "H"، واللون الأحمر للحرف "W"، واللون الأسود لبقية النص. لضبط أنماط مختلفة ضمن عنصر تركيبي واحد من Text، استخدِم الرمز التالي:

@Composable
fun MultipleStylesInText() {
    Text(
        buildAnnotatedString {
            withStyle(style = SpanStyle(color = Color.Blue)) {
                append("H")
            }
            append("ello ")

            withStyle(style = SpanStyle(fontWeight = FontWeight.Bold, color = Color.Red)) {
                append("W")
            }
            append("orld")
        }
    )
}

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

  • يستخدم buildAnnotatedString الذي يعرِض سلسلة AnnotatedString لضبط أنماط مختلفة داخل النص.
  • تنسيق جزء من النص باستخدام SpanStyle، وهو إعداد يسمح بالتنسيق على مستوى الحرف

النتائج

 نص "مرحبًا بك" بأنماط متعددة
الشكل 1. سطر نص يتضمّن أنماطًا متعددة

المجموعات التي تتضمّن هذا الدليل

هذا الدليل هو جزء من مجموعات الأدلة السريعة المنظَّمة التي تتناول أهداف تطوير Android الأوسع نطاقًا:

يشكّل النص جزءًا مركزيًا من أي واجهة مستخدم. تعرَّف على الطرق المختلفة التي يمكنك من خلالها عرض النص في تطبيقك لتوفير تجربة رائعة للمستخدم.

إذا كانت لديك أسئلة أو ملاحظات

يمكنك الانتقال إلى صفحة الأسئلة الشائعة والاطّلاع على الأدلة السريعة أو التواصل معنا وإعلامنا برأيك.