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

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

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

يتطلّب هذا التنفيذ ضبط الحد الأدنى من إصدار حزمة تطوير البرامج (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 الأوسع نطاقًا:

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

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

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