📋 المحتوى المنظم
📖 محتوى تعليمي مفصّل
نوع: METADATA
ستحتوي هذه الشاشة أيضًا على صورة، سترى في هذه الخطوات كيفية إضافة صورة إلى الشاشة:
نوع: METADATA
لإضافة صورة إلى الشاشة:
نوع: METADATA
اسحب وأفلت أداة Image (صورة) من لوحة User Interface (واجهة المستخدم) إلى شاشة العرض. 1
نوع: METADATA
من Properties (الخصائص) اضغط Picture (صورة) ثم اضغط Upload File (رفع ملف) لتحميل الصورة من الحاسب الخاص بك. 2
نوع: METADATA
اضغط Choose File (اختر ملف). 3
نوع: METADATA
ستظهر نافذة open (فتح)، اختر الصورة التي تريد إضافتها من الحاسب الخاص بك، 4 ثم اضغط Open (فتح). 5
نوع: METADATA
ثم اضغط OK (موافق). 6
نوع: METADATA
تم أدرج الصورة. 7
نوع: METADATA
من Properties (الخصائص)، حدد Height (الارتفاع) إلى 30percent. 8
نوع: METADATA
من Properties (الخصائص)، حدد Width (العرض) إلى 50percent. 9
نوع: METADATA
وزارة التعليم
Ministry of Education
2025 - 1447
نوع: METADATA
148
🔍 عناصر مرئية
App Inventor Interface
A screenshot of a software development environment, likely App Inventor, showing a mobile phone emulator, a palette of UI components, a component tree, and a properties panel. Several elements are highlighted with numbered blue circles indicating steps in a process.
📄 النص الكامل للصفحة
ستحتوي هذه الشاشة أيضًا على صورة، سترى في هذه الخطوات كيفية إضافة صورة إلى الشاشة:
لإضافة صورة إلى الشاشة:
اسحب وأفلت أداة Image (صورة) من لوحة User Interface (واجهة المستخدم) إلى شاشة العرض. 1
من Properties (الخصائص) اضغط Picture (صورة) ثم اضغط Upload File (رفع ملف) لتحميل الصورة من الحاسب الخاص بك. 2
اضغط Choose File (اختر ملف). 3
ستظهر نافذة open (فتح)، اختر الصورة التي تريد إضافتها من الحاسب الخاص بك، 4 ثم اضغط Open (فتح). 5
ثم اضغط OK (موافق). 6
تم أدرج الصورة. 7
من Properties (الخصائص)، حدد Height (الارتفاع) إلى 30percent. 8
من Properties (الخصائص)، حدد Width (العرض) إلى 50percent. 9
وزارة التعليم
Ministry of Education
2025 - 1447
148
--- VISUAL CONTEXT ---
**FIGURE**: App Inventor Interface
Description: A screenshot of a software development environment, likely App Inventor, showing a mobile phone emulator, a palette of UI components, a component tree, and a properties panel. Several elements are highlighted with numbered blue circles indicating steps in a process.
X-axis: N/A
Y-axis: N/A
Data: The image illustrates a step-by-step guide on how to add an image to an application screen using a visual programming environment. It shows the user interface elements involved in selecting an image component, uploading a file, and adjusting its properties.
Context: This figure serves as a visual aid for instructions on using a software interface to add and configure an image component, demonstrating practical steps in application development.