إضافة مكون Label (التسمية) في MIT App Inventor - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

لإضافة مكون Label (التسمية) من مجموعة User Interface (واجهة المستخدم)، أضف مكون Label (التسمية) إلى الشاشة عن طريق سحبه وإفلاته أسفل Button1 (زر1) 1 ، وأعد تسميته إلى welcome_label (التسمية_الترحيبية) بتحديد Rename (إعادة تسمية) من لوحة Components (المكونات). 2 في المكون welcome_label (التسمية_الترحيبية)، امسح خاصية Text (النص)، 3 واضبط الخاصية TextColor (لون النص) إلى White (أبيض). 4 --- SECTION: شكل 3.9: إضافة مكون Label (التسمية) --- شكل 3.9: إضافة مكون Label (التسمية) وزارة التعليم Ministry of Education 125 2025 - 1447 --- VISUAL CONTEXT --- **IMAGE**: MIT App Inventor Interface - Adding and Renaming Label (Step 1) Description: A screenshot of the MIT App Inventor development environment. The left pane, labeled 'User Interface', shows a list of components. The 'Label' component is highlighted and marked with a blue circle containing '1'. The central pane displays a mobile phone emulator showing a green background with Arabic calligraphy and a button 'Visit Saudi Arabia'. A 'Text for Label1' element is visible below the button. A 'Rename Component' dialog box is overlaid, showing 'Old name: Label1' and 'New name:' with 'welcome_label' entered, marked with a blue circle containing '2'. This image illustrates the process of dragging a Label component and renaming it. Key Values: Label1, welcome_label, User Interface, Components, Rename Component Context: This image visually demonstrates the first part of the instructions: adding a Label component from the User Interface group and renaming it to 'welcome_label' using the 'Rename Component' dialog. **IMAGE**: MIT App Inventor Interface - Modifying Label Properties (Step 2) Description: A screenshot of the MIT App Inventor development environment. The central pane shows the mobile phone emulator with the green background and 'Visit Saudi Arabia' button. The 'Text for Label1' element is no longer visible, indicating its text has been cleared. The right pane shows the 'Properties' section for the selected 'welcome_label' component. The 'Text' property field is empty, marked with a blue circle containing '3'. The 'TextColor' property is set to 'White' (indicated by a checkbox and the word 'White'), marked with a blue circle containing '4'. This image illustrates modifying the properties of the Label component. Key Values: Text (empty), TextColor: White, welcome_label, Properties Context: This image visually demonstrates the second part of the instructions: clearing the 'Text' property of the 'welcome_label' component and setting its 'TextColor' property to 'White'.