تغيير خصائص المكون - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

--- SECTION: جدول 3.2: المكونات الأكثر استخدامًا في مخترع التطبيقات --- جدول 3.2: المكونات الأكثر استخدامًا في مخترع التطبيقات المكون الأيقونة الوظيفة Button (زر) Button icon زر لأداء مهمة محددة عند الضغط عليه. Image (صورة) Image icon مكون خاص يعرض الصور. Label (التسمية) Label icon يعرض النص المطلوب تخصيصه في حقل Text (النص) في لوحة Properties (الخصائص). ListPicker (قائمة الخيارات) ListPicker icon عند الضغط عليه، يعرض هذا المكون العديد من الخيارات النصية للاختيار من بينها. --- SECTION: تغيير خصائص المكون Changing the Properties of a Component --- تغيير خصائص المكون Changing the Properties of a Component ستجعل عنوان الشاشة الأولى Home (الرئيسة) عوضًا عن Screen1 (شاشة 1)، وستكون تلك بمثابة الشاشة الرئيسة للتطبيق، وستغير Title (العنوان) إلى Home (الرئيسة) في Viewer (العارض) كما هو موضح في الشكل أدناه. --- SECTION: تغيير عنوان الشاشة: --- تغيير عنوان الشاشة: حدد Screen1 (شاشة 1)، من قسم Components (المكونات). 1 مرر الشريط الجانبي في قسم Properties (الخصائص) لأسفل، 2 وفي حقل Title (العنوان)، اكتب كلمة Home (الرئيسة). 3 --- SECTION: شكل 3.5: تغيير عنوان الشاشة --- شكل 3.5: تغيير عنوان الشاشة وزارة التعليم Ministry of Education 2025 - 1447 120 --- VISUAL CONTEXT --- **TABLE**: جدول 3.2: المكونات الأكثر استخدامًا في مخترع التطبيقات Description: A table listing common components in App Inventor, their icons, and their functions. Table Structure: Headers: المكون | الأيقونة | الوظيفة Rows: Row 1: Button (زر) | Button icon | زر لأداء مهمة محددة عند الضغط عليه. Row 2: Image (صورة) | Image icon | مكون خاص يعرض الصور. Row 3: Label (التسمية) | Label icon | يعرض النص المطلوب تخصيصه في حقل Text (النص) في لوحة Properties (الخصائص). Row 4: ListPicker (قائمة الخيارات) | ListPicker icon | عند الضغط عليه، يعرض هذا المكون العديد من الخيارات النصية للاختيار من بينها. Data: The table describes four common App Inventor components: Button, Image, Label, and ListPicker. For each component, its Arabic name, an icon representation, and a description of its functionality are provided. Key Values: Button, Image, Label, ListPicker Context: This table introduces fundamental UI components used in App Inventor, explaining their purpose and visual representation, which is essential for beginners in app development. **FIGURE**: شكل 3.5: تغيير عنوان الشاشة Description: A screenshot of the MIT App Inventor development environment, illustrating the process of changing the screen title. The image shows a mobile phone emulator on the left, a list of UI components, and a 'Properties' panel on the right. Three numbered circles highlight specific areas: 1) the 'Components' section, 2) the 'Properties' sidebar, and 3) the 'Title' field within the 'Properties' panel where 'Home' is entered. The application name 'Visit_SA_App' is visible at the top left of the interface. Data: The 'Properties' panel shows various settings including 'Responsive', 'Theme: Classic', 'Title: Home', 'TitleVisible' (checked), 'TutorialURL' (empty), 'VersionCode: 1', and 'VersionName: 1.0'. The mobile emulator displays a blank screen, reflecting the current state of the app. Key Values: Visit_SA_App, Screen1, Components, Properties, Responsive, Theme: Classic, Title, Home, TitleVisible, TutorialURL, VersionCode: 1, VersionName: 1.0 Context: This figure visually guides the user through the steps of customizing an application's screen title in App Inventor, reinforcing the textual instructions by showing the exact interface elements and their interactions.