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

--- SECTION: لإضافة مكون VerticalArrangement (الترتيب العمودي) --- لإضافة مكون VerticalArrangement (الترتيب العمودي) من مجموعة Layout (التخطيط)، أضف مكون VerticalArrangement (الترتيب العمودي) إلى الشاشة. 1 في مكون VerticalArrangement (الترتيب العمودي)، اضبط خاصية BackgroundColor (لون الخلفية) إلى Custom (مخصص)، واكتب القيمة #11613eff. 2 في مكون VerticalArrangement1 (الترتيب العمودي)، اضبط خاصية Height (الارتفاع) إلى Fill parent (تعبئة الأصل). 3 وخاصية Width (العرض) إلى Fill parent (تعبئة المساحة). 4 --- SECTION: شكل 3.21: إضافة مكوّن VerticalArrangement (الترتيب العمودي) --- شكل 3.21: إضافة مكوّن VerticalArrangement (الترتيب العمودي) وزارة التعليم Ministry of Education 139 2025 - 1447 --- VISUAL CONTEXT --- **SCREENSHOT**: MIT App Inventor UI: Adding a VerticalArrangement Component Description: A screenshot of the MIT App Inventor development environment, showing the user interface for designing mobile applications. The screen is divided into several panels: a top menu bar, a left 'Palette' panel, a central 'Viewer' panel displaying a smartphone emulator, and right-side 'Components' and 'Properties' panels. Four blue numbered circles (1, 2, 3, 4) highlight specific areas related to the instructions. Data: The screenshot illustrates the process of adding and configuring a 'VerticalArrangement' component. The 'Palette' on the left lists UI components, including 'VerticalArrangement' under 'Layout'. The 'Viewer' shows a smartphone screen with a green background and 'Discover Saudi Arabia' text. The 'Components' panel lists 'Cities', 'discover_label', and 'VerticalArrangement1'. The 'Properties' panel for 'VerticalArrangement1' shows settings like 'AlignHorizontal', 'AlignVertical', 'BackgroundColor', 'Height', 'Width', 'Image', and 'Visible'. Key Values: MIT APP INVENTOR, Visit_SA_App, Palette, User Interface, Layout, HorizontalArrangement, HorizontalScrollArrangement, TableArrangement, VerticalArrangement, VerticalScrollArrangement, Media, Drawing and Animation, Maps, Charts, Sensors, Social, Storage, Connectivity, LEGO® MINDSTORMS®, Experimental, Extension, Viewer, Display hidden components in Viewer, Phone size (505,320), Discover Saudi Arabia, Components, Cities, discover_label, VerticalArrangement1, Properties, AlignHorizontal: Left: 1, AlignVertical: Top: 1, BackgroundColor: Custom (#11613eff), Height: Fill parent, Width: Fill parent, Image: None, Visible: (checked), Media, welcome-screen.png, Upload File, Designer, Blocks, Projects, Connect, Build, Settings, Help, My Projects, View Trash, Guide, Report an Issue, English, qkhaled.tbl@gmail.com Context: This visual element serves as a practical demonstration for the instructions provided, showing the exact steps and interface elements involved in adding and configuring a 'VerticalArrangement' component in MIT App Inventor. The numbered circles directly correspond to the numbered steps in the text, guiding the user through the UI.