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

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

النتائج

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

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

يتطلّب هذا التنفيذ ضبط minSDK في مشروعك على المستوى 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، وهو إعداد يتيح تنسيق النص على مستوى الحرف

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

يشكّل هذا الدليل جزءًا من مجموعات "الدليل السريع" المنسّقة التي تغطي أهدافًا أوسع لتطوير تطبيقات Android:

النص الذي يظهر للمستخدم

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

هل لديك أسئلة أو ملاحظات؟

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