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

Adding a Background Image to the Screen ستجري بعض التحسينات على التطبيق من خلال إضافة صورة خلفية إلى الشاشة. ١ من قسم Properties (الخصائص) في Screen1 (شاشة 1)، حدد خاصية BackgroundImage (صورة الخلفية). ٢ اضغط على Upload File (تحميل ملف) لتحميل الصورة من حاسبك. ٣ اضغط على Choose File (اختيار ملف) لاختيار صورة من حاسبك. ٤ ستظهر نافذة مفتوحة، اختر منها الصورة التي تريد إضافتها من حاسبك، ٥ ثم اضغط على Open (فتح). ٦ ثم اضغط على OK (موافق). ٧ مرر الشريط الجانبي لأسفل في قسم Properties (الخصائص) الخاص بشاشة Screen1 (شاشة 1)، ٨ وألغ تحديد خاصية TitleVisible (العنوان مرئي). 123 وزارة التعليم Ministry of Education 2025 - 1447 --- VISUAL CONTEXT --- **FIGURE**: Screenshots illustrating adding a background image to an application screen Description: A composite figure showing multiple screenshots of a software development environment (likely an App Inventor-like platform) demonstrating the steps to add a background image. The main interface shows a 'Visit_SA_App' project with 'Screen1' selected. The 'Properties' panel on the right displays various properties, including 'BackgroundImage' (highlighted by blue circle 1) which is set to 'None', and an 'Upload File' button (highlighted by blue circle 2). Clicking 'Upload File' opens an 'Upload File' dialog (highlighted by blue circle 3) with a 'Choose File' button and 'No file chosen' text. Clicking 'Choose File' opens a standard file selection dialog (partially shown at the bottom-left) displaying image files like 'Al Masmak.png', 'Jeddah.png', 'KSA_flag.jpg', 'map_icon.png', 'Riyadh.png'. The file 'KSA_flag.jpg' is selected (highlighted by blue circle 4), and the 'Open' button is visible (highlighted by blue circle 5). After selecting the file, the 'Upload File' dialog reappears, now showing 'KSA_flag.jpg' next to 'Choose File', and an 'OK' button (highlighted by blue circle 6) to confirm the upload. The overall process guides the user through selecting an image from their computer and applying it as a background. Table Structure: Headers: N/A Rows: Data: N/A Key Values: Visit_SA_App, Screen1, Properties, BackgroundImage, None, Upload File, Choose File, No file chosen, KSA_flag.jpg, Open, OK, TitleVisible, Palette, Viewer, Components, User Interface, Button, CheckBox, DatePicker, Image, Label, ListView, Notifier, PasswordTextBox, Slider, Spinner, Switch, TextBox, TimePicker, WebViewer, Layout, Display hidden components in Viewer, Phone size (505,320), 9:48, Visit Saudi Arabia, AboutScreen, AccentColor, Default, AlignHorizontal, Center : 3, AlignVertical, Center : 2, AppName, Discover_KSA, BackgroundColor, HighContrast, Icon, Name, Rename, Delete, Media, Designer, Blocks, OneDrive, Pictures, Search Pictures, Organize, New folder, Attachments, Desktop, Documents, Music, This PC, 3D Objects, Downloads, Al Masmak.png, Jeddah.png, map_icon.png, Riyadh.png, File name: KSA_flag.jpg, All Files, Cancel Context: This visual element provides a step-by-step guide with screenshots to demonstrate how to add a background image to an application screen within a visual programming environment, directly supporting the textual instructions.