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

محاذاة مكونات الشاشة Aligning the Components of the Screen يجب أن تضع أزرار التطبيق في منتصف الشاشة الرئيسية. --- SECTION: لوضع الزر في منتصف الشاشة: --- لوضع الزر في منتصف الشاشة: حدد Screen1 (شاشة (1) من قسم components (المكونات). 1 من قسم Properties (الخصائص)، ومن AlignHorizontal (محاذاة أفقية) اختر 3: Center (المنتصف:3). 2 من AlignVertical (محاذاة عمودية) اختر 2: Center (المنتصف:2). 3 الرقم 2 هو الرقم المخصص لهذا الإعداد لأداة المحاذاة الرأسية. الرقم 3 هو الرقم المخصص لهذا الإعداد لأداة المحاذاة الأفقية. --- SECTION: شكل 3.7: وضع الزر في منتصف الشاشة --- شكل 3.7: وضع الزر في منتصف الشاشة وزارة التعليم Ministry of Education 2023 - 1447 122 --- VISUAL CONTEXT --- **DIAGRAM**: شكل 3.7: وضع الزر في منتصف الشاشة Description: A screenshot of the MIT App Inventor interface showing how to align a component. The interface is divided into several panels: a 'Palette' panel on the left listing UI components (Button, CheckBox, DatePicker, Image, Label, ListPicker, ListView, Notifier, PasswordTextBox, Slider, Spinner, Switch, TextBox, TimePicker, WebView), a 'Viewer' panel in the middle displaying a phone emulator with 'Screen1' and a 'Visit Saudi Arabia' button, a 'Components' panel on the top right showing a tree view of 'Screen1' and 'Visit_KSA', and a 'Properties' panel on the bottom right showing properties for 'Screen1'. The top bar includes 'MIT APP INVENTOR' logo and menu items like Projects, Connect, Build, Settings, Help, My Projects, View Trash, Guide, Report an issue, English, and qkhaled.bl@gmail.com. The project name is 'Visit_SA_App' with tabs for 'Screen1', 'Add Screen...', 'Remove Screen', 'Publish to Gallery'. Three numbered circles (1, 2, 3) and arrows highlight specific parts of the interface. Circle 1 points to 'Screen1' in the Components panel. Circle 2 points to the 'AlignHorizontal: Center - 3' property in the Properties panel. Circle 3 points to the 'AlignVertical: Center - 2' property in the Properties panel. Two blue callout boxes provide additional information related to the alignment settings. X-axis: N/A Y-axis: N/A Data: N/A Key Values: Screen1, Visit_KSA, AlignHorizontal: Center - 3, AlignVertical: Center - 2, Visit Saudi Arabia button Context: This diagram illustrates the steps to center a button component on an application screen using the MIT App Inventor's properties panel, specifically by adjusting the horizontal and vertical alignment settings for Screen1.