Android Academy · درس

تنسيق النص

الخطوط والحجم والوزن واللون

تنسيق النص درس مجاني في Android Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Android Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Android Academy 4 دروس في المجموع.

لماذا ننسّق النص؟

في Jetpack Compose، يعرض العنصر القابل للتركيب Text الكلمات على الشاشة. ويستخدم افتراضيًا مظهرًا بسيطًا، لكن يمكنك تغيير حجمه ولونه وسماكته.

يساعد التنسيق المستخدمين على قراءة تطبيقك. ينبغي أن يبدو العنوان أكبر وأكثر سماكة من النص الأساسي.

تنسّق Text من خلال تمرير معاملات إضافية إليها.

Text("Hello Compose")

تكبير النص

يتحكم المعامل fontSize في حجم النص. وتُستخدم وحدة sp للأحجام، إذ تتكيف مع إعدادات الخط لدى المستخدم.

لاستخدام sp، أضف .sp بعد الرقم، مثل 24.sp.

Text(
    text = "Big Title",
    fontSize = 24.sp
)

السماكة والعريض

استخدم fontWeight لجعل النص أكثر سماكة أو نحافة. والقيمة الأكثر شيوعًا هي FontWeight.Bold.

تشمل الخيارات الأخرى FontWeight.Light وFontWeight.Normal وFontWeight.SemiBold.

Text(
    text = "Important",
    fontWeight = FontWeight.Bold
)

النص المائل

يمكن للمعامل fontStyle إمالة النص. عيّنه إلى FontStyle.Italic للحصول على مظهر مائل.

يفيد الخط المائل في الاقتباسات أو للتأكيد.

Text(
    text = "A quote",
    fontStyle = FontStyle.Italic
)

تلوين النص

يغيّر المعامل color لون النص. ويمكنك تمرير قيمة من النوع Color، مثل Color.Red أو Color.Blue.

اختر ألوانًا ذات تباين جيد كي يظل النص سهل القراءة.

Text(
    text = "Warning",
    color = Color.Red
)

محاذاة النص

استخدم textAlign لتحديد موضع النص داخل مساحته. وتشمل القيم الشائعة TextAlign.Center وTextAlign.Start وTextAlign.End.

تعمل المحاذاة الوسطية بأفضل شكل عندما يملأ Text العرض الكامل.

Text(
    text = "Centered",
    textAlign = TextAlign.Center
)

تباعد الأحرف

يضيف المعامل letterSpacing مسافات بين الأحرف. ويستخدم أيضًا وحدة sp.

يمكن لقليل من التباعد الإضافي أن يجعل العناوين تبدو أكثر انفتاحًا وعصرية.

Text(
    text = "SPACED",
    letterSpacing = 2.sp
)

دمج الأنماط

يمكنك مزج عدة معاملات في الوقت نفسه. فالعنوان العريض والكبير والأزرق ليس سوى استدعاء واحد لـ Text مع عدة قيم.

يقرأ Compose كل معامل ويطبّقها جميعًا معًا.

Text(
    text = "Welcome",
    fontSize = 28.sp,
    fontWeight = FontWeight.Bold,
    color = Color.Blue
)

استخدام TextStyle

بدلًا من استخدام عدة معاملات منفصلة، يمكنك جمعها في كائن TextStyle وتمريره إلى المعامل style.

يفيد ذلك عند إعادة استخدام المظهر نفسه في عدة مواضع.

Text(
    text = "Styled",
    style = TextStyle(
        fontSize = 20.sp,
        color = Color.Magenta
    )
)

التعامل مع النصوص الطويلة

قد يتجاوز النص الطويل المساحة المخصصة له. استخدم maxLines للحد من عدد الأسطر، و< b>overflow لإظهار نقاط الحذف عند اقتطاع النص.

يضيف TextOverflow.Ellipsis الرمز ... في نهاية النص المخفي.

Text(
    text = "A very long sentence...",
    maxLines = 1,
    overflow = TextOverflow.Ellipsis
)

التسطير والتزيين

يمكن للمعامل textDecoration إضافة Underline أو LineThrough.

غالبًا ما يشير التسطير إلى الروابط، بينما يمكن أن يوضح الخط العابر للسطر الأسعار المحذوفة أو القديمة.

Text(
    text = "Link",
    textDecoration = TextDecoration.Underline
)

اختبار سريع

اختبر ما تعلّمته عن تنسيق Text.

مراجعة

تعلّمت تنسيق Text باستخدام fontSize بوحدة sp، وfontWeight لجعل النص عريضًا، وfontStyle لجعله مائلًا، وcolor لتغيير لونه.

يمكنك أيضًا محاذاة النص، وإضافة تباعد بين الأحرف وتزيينات، وجمع كل ذلك في TextStyle.

بعد ذلك، ستنشئ أزرارًا تستجيب للنقرات.

الأسئلة الشائعة

هل درس «تنسيق النص» مجاني؟

نعم — نص درس «تنسيق النص» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Android Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Android Academy 4 دروس في المجموع.

ماذا ستتعلم في «تنسيق النص»؟

الخطوط والحجم والوزن واللون تتمرن على Android Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Android Academy؟

لا تُشترط خبرة سابقة. Android Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.

كم من الوقت يستغرق درس «تنسيق النص»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Android Academy هذا؟

نعم. كل درس في Android Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

← العودة إلى Android Academy