صفحة 132 - كتاب التقنية الرقمية - الصف 12 - الفصل 1 - المملكة العربية السعودية

الآن بعد أن أنشأت المكون الرأسي (Vertical Component)، تحتاج إلى إضافة نص فيه. لإضافة نص ستستخدم أداة التسمية (Label).

لإضافة أداة التسمية (Label):

اسحب وأسقط أداة Label (التسمية) من لوحة User Interface (واجهة المستخدم) 1 إلى داخل مكون VerticalArrangement (الترتيب العمودي). 2

في الحقل Text (النص) الموجود في Properties (الخصائص) اكتب "أهمية وجبة الإفطار"، 3 وغير TextColor (لون النص) إلى White (أبيض)، 4 و TextAlignment (محاذاة النص) إلى Center: 1 (التوسيط: 1). 5

كرر الخطوات السابقة لكتابة النصائح حيث يتم إضافة أداة Label (التسمية) لكل نصيحة ويتم سحبها داخل VerticalArrangement. 6

أضف تسمية جديدة لكل نصيحة.

من خلال تحديد المكون التسمية (Label)، والضغط على التسمية (Rename)، بإمكانك تسمية الأداة باللغة العربية والإنجليزية.

يمكن تحديد الأداة وحذفها أيضاً.

لا تقلق عند كتابة النص العربي في مطور التطبيقات MIT، سوف تظهر لك علامة الوقف (النقطة) على يمين النص، ولكن عند تشغيل التطبيق سوف تظهر في مكانها الصحيح على يسار النص.

وزارة التعليم Ministry of Education 2025 - 1447

132

الآن بعد أن أنشأت المكون الرأسي (Vertical Component)، تحتاج إلى إضافة نص فيه. لإضافة نص ستستخدم أداة التسمية (Label). لإضافة أداة التسمية (Label): اسحب وأسقط أداة Label (التسمية) من لوحة User Interface (واجهة المستخدم) 1 إلى داخل مكون VerticalArrangement (الترتيب العمودي). 2 في الحقل Text (النص) الموجود في Properties (الخصائص) اكتب "أهمية وجبة الإفطار"، 3 وغير TextColor (لون النص) إلى White (أبيض)، 4 و TextAlignment (محاذاة النص) إلى Center: 1 (التوسيط: 1). 5 كرر الخطوات السابقة لكتابة النصائح حيث يتم إضافة أداة Label (التسمية) لكل نصيحة ويتم سحبها داخل VerticalArrangement. 6 أضف تسمية جديدة لكل نصيحة. من خلال تحديد المكون التسمية (Label)، والضغط على التسمية (Rename)، بإمكانك تسمية الأداة باللغة العربية والإنجليزية. يمكن تحديد الأداة وحذفها أيضاً. لا تقلق عند كتابة النص العربي في مطور التطبيقات MIT، سوف تظهر لك علامة الوقف (النقطة) على يمين النص، ولكن عند تشغيل التطبيق سوف تظهر في مكانها الصحيح على يسار النص. وزارة التعليم Ministry of Education 2025 - 1447 132 --- VISUAL CONTEXT --- **DIAGRAM**: واجهة مطور التطبيقات Description: A diagram illustrating an app development environment, likely MIT App Inventor. It shows four main panels: 'Palette' on the left, 'Viewer' in the center displaying a smartphone screen, 'Components' on the right-center, and 'Properties' on the far right. The diagram is annotated with numbered callouts corresponding to instructions. Context: This diagram visually guides the user through the process of adding and configuring a 'Label' component in an app development environment, demonstrating how to set its text, color, and alignment properties.