رقم يرمز إلى محاذاة محتوى أداة المحاذاة الأفقية. - كتاب التقنية الرقمية - الصف 12 - الفصل 1 - المملكة العربية السعودية

يجب أن توضح أزرار التطبيق في الشاشة الرئيسة.

لوضع الزر في وسط الشاشة:

اضغط على Screen1 (الشاشة الأولى) من قسم Components (المكونات). 1 من قسم Properties (الخصائص) حدد AlignHorizontal (محاذاة أفقية) إلى 3 : Center (التوسيط)؛ 2 ثم حدد AlignVertical (محاذاة عمودية) إلى 2 : Center (التوسيط)؛ 3.

رقم يرمز إلى محاذاة محتوى أداة المحاذاة الأفقية.

رقم يرمز إلى محاذاة محتوى أداة المحاذاة العمودية.

الآن أجر بعض التحسينات، عن طريق إضافة صورة خلفية.

لإضافة مكون BackgroundImage (صورة خلفية):

اضغط على Screen1 (الشاشة الأولى). 1 من لوحة Properties (الخصائص)، اضغط على BackgroundImage (صورة خلفية). 2 اضغط على Upload File (تحميل الملف)، 3 لتحميل الصورة من جهاز الحاسب الخاص بك. اضغط على Choose File (اختيار الملف)، 4 لاختيار صورة من جهاز الحاسب الخاص بك. ستظهر نافذة يمكنك اختيار الصورة التي تريد إضافتها من الحاسب، 5 اضغط على Open (فتح). 6 اضغط على OK (موافق). 7 انتظر قليلاً حتى تُرفع الصورة.

وزارة التعليم Ministry of Education 2025 - 1447

128

يجب أن توضح أزرار التطبيق في الشاشة الرئيسة. لوضع الزر في وسط الشاشة: اضغط على Screen1 (الشاشة الأولى) من قسم Components (المكونات). 1 من قسم Properties (الخصائص) حدد AlignHorizontal (محاذاة أفقية) إلى 3 : Center (التوسيط)؛ 2 ثم حدد AlignVertical (محاذاة عمودية) إلى 2 : Center (التوسيط)؛ 3. --- SECTION: رقم يرمز إلى محاذاة محتوى أداة المحاذاة الأفقية. --- رقم يرمز إلى محاذاة محتوى أداة المحاذاة الأفقية. --- SECTION: رقم يرمز إلى محاذاة محتوى أداة المحاذاة العمودية. --- رقم يرمز إلى محاذاة محتوى أداة المحاذاة العمودية. الآن أجر بعض التحسينات، عن طريق إضافة صورة خلفية. لإضافة مكون BackgroundImage (صورة خلفية): اضغط على Screen1 (الشاشة الأولى). 1 من لوحة Properties (الخصائص)، اضغط على BackgroundImage (صورة خلفية). 2 اضغط على Upload File (تحميل الملف)، 3 لتحميل الصورة من جهاز الحاسب الخاص بك. اضغط على Choose File (اختيار الملف)، 4 لاختيار صورة من جهاز الحاسب الخاص بك. ستظهر نافذة يمكنك اختيار الصورة التي تريد إضافتها من الحاسب، 5 اضغط على Open (فتح). 6 اضغط على OK (موافق). 7 انتظر قليلاً حتى تُرفع الصورة. وزارة التعليم Ministry of Education 2025 - 1447 128 --- VISUAL CONTEXT --- **DIAGRAM**: واجهة برنامج App Inventor Description: A diagram illustrating the user interface of a software development environment, likely App Inventor. It consists of three main panels: 'Palette' on the left listing UI components, 'Viewer' in the center showing a simulated phone screen with 'الشاشة الرقمية' (Digital Screen) and a button 'نموذج صورة' (Image Sample) at 9:48, and 'Components' and 'Properties' panels on the right. The 'Components' panel shows 'Screen1' and 'Tips'. The 'Properties' panel lists various properties for 'Screen1', including 'AlignHorizontal' set to 'Center : 3' and 'AlignVertical' set to 'Center : 2', and 'BackgroundImage' set to 'None'. Blue numbered circles (1, 2, 3) highlight specific areas: 1 next to 'Screen1' in the Components panel, 2 next to 'AlignHorizontal' in the Properties panel, and 3 next to 'AlignVertical' in the Properties panel. Two callout boxes point to 'AlignHorizontal' and 'AlignVertical' properties. X-axis: N/A Y-axis: N/A Data: Illustrates the layout of a software development environment, specifically focusing on component properties and alignment settings. Key Values: AlignHorizontal: Center : 3, AlignVertical: Center : 2, BackgroundImage: None Context: This diagram is used to visually guide the user through the steps of configuring UI component alignment and adding a background image in a software development application.