إضافة عناصر على الشاشة - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

كما تعلمت سابقًا، أضف شاشة جديدة وأعد تسميتها إلى Al Masmak (المصمك)، ثم أضف علم المملكة العربية السعودية كخلفية وعنوانًا للشاشة كما في الصورة أدناه. ستحتاج إلى إزالة تسمية الشاشة الأصلية واستبدالها بالتسمية Discover Saudi Arabia (اكتشف المملكة العربية السعودية). --- SECTION: شكل 3.26: إنشاء الشاشة الثالثة --- شكل 3.26: إنشاء الشاشة الثالثة لإضافة عناصر على الشاشة: --- SECTION: 1 --- من مجموعة Layout (التخطيط)، أضف مكوّن VerticalArrangement (الترتيب العمودي) إلى الشاشة. --- SECTION: 2 --- في مكوّن VerticalArrangement1 (الترتيب العمودي)، اضبط خاصية BackgroundColor (لون الخلفية) إلى Custom (مخصص)، ثم اكتب القيمة #11613eff. --- SECTION: 3 --- في مكوّن VerticalArrangement1 (الترتيب العمودي)، اضبط خاصية Height (الارتفاع) على Fill parent (تعبئة المساحة). --- SECTION: 4 --- وخاصية Width (العرض) إلى Fill parent (تعبئة المساحة). --- SECTION: 5 --- من مجموعة User Interface (واجهة المستخدم)، أضف مكوّن Label (التسمية) إلى الشاشة، وأعد تسميته إلى (تسمية_العنوان) title_label. --- SECTION: 6 --- في مكوّن title_label (تسمية_العنوان)، اضبط خاصية BackgroundColor (لون الخلفية) إلى None (بدون). --- SECTION: 7 --- ثم اضبط خاصية FontSize (حجم الخط) إلى 18.0. --- SECTION: 8 --- واضبط خاصية TextColor (لون النص) إلى White (أبيض). --- SECTION: 9 --- واضبط خاصية Text (النص) إلى Al Masmak (المصمك). وزارة التعليم 143 Ministry of Education 2025 - 1447 --- VISUAL CONTEXT --- **FIGURE**: شكل 3.26: إنشاء الشاشة الثالثة Description: A screenshot of an app development environment, likely App Inventor, showing three main panels: Viewer, Components, and Properties. The Viewer panel displays a mobile phone emulator with a green screen showing the Saudi Arabian flag and the text 'Discover Saudi Arabia' and '9:48'. The Components panel lists 'AlMasmak' and 'discover_label'. The Properties panel shows various properties for 'discover_label', including BackgroundColor (Black), FontBold (unchecked), FontItalic (unchecked), FontSize (14.0), FontTypeface (default), HTMLFormat (unchecked), HasMargins (checked), Height (Automatic), Width (Fill parent), Text (Discover Saudi Arabia), TextAlignment (left : 0), TextColor (White), and Visible (checked). Below the Media section, there are three image files listed: welcome-screen.png, riyadh_nav-img.png, and jeddah_nav-img.png. Key Values: Phone size (505,320), FontSize: 14.0, Text: Discover Saudi Arabia, TextColor: White, BackgroundColor: Black, Height: Automatic, Width: Fill parent, welcome-screen.png, riyadh_nav-img.png, jeddah_nav-img.png Context: This visual element illustrates the steps described in the main content for creating and customizing a screen in a mobile application development environment, specifically showing how to set properties for a label and the overall screen layout.