📄 النص الكامل للصفحة
--- SECTION: مكون ترتيب التمرير العمودي The VerticalScrollArrangement Component ---
مكون ترتيب التمرير العمودي The VerticalScrollArrangement Component
يستخدم مكون VerticalScrollArrangement (ترتيب التمرير العمودي) لتنسيق ظهور المكونات الأخرى على المحور الرأسي، وإنشاء مجمع لمحاذاتها، كما يدعم خاصية scrolling (التمرير) للمكونات التي لا تتناسب مع حجم الشاشة.
يمكن تغيير محاذاة المكونات الموجودة داخل المجمع باستخدام اللبنتين البرمجيتين التاليتين:
set VerticalArrangement1 ▾ AlignHorizontal ▾ to HorizontalAlignment Left ▾
set VerticalArrangement1 ▾ AlignVertical ▾ to VerticalAlignment Top ▾
--- SECTION: مكون الترتيب الأفقي The HorizontalArrangement Component ---
مكون الترتيب الأفقي The HorizontalArrangement Component
يُستخدم المكون HorizontalArrangement (الترتيب الأفقي) لتنسيق ظهور المكونات الأخرى أفقيًا، وإنشاء مجمع لمحاذاتها. يمكن تغيير محاذاة المكونات الموجودة داخل المجمع باستخدام اللبنتين البرمجيتين التاليتين:
set HorizontalArrangement1 ▾ AlignHorizontal ▾ to HorizontalAlignment Left ▾
set HorizontalArrangement1 ▾ AlignVertical ▾ to VerticalAlignment Top ▾
--- SECTION: برمجة الشاشة الرئيسة Home Screen Programming the Home Screen ---
برمجة الشاشة الرئيسة Home Screen Programming the Home Screen
ستنقل الشاشة الرئيسة Screen1 (شاشة 1) المستخدم إلى شاشة Cities (المدن)، وستحدد اللغة التي سيتم استخدامها على الشاشات التالية أيضًا.
--- SECTION: برمجة أزرار دعم اللغة Programming Language Support Buttons ---
برمجة أزرار دعم اللغة Programming Language Support Buttons
ستبرمج الآن زرّي اللغة لتغيير النص على الصفحة الرئيسة وتخزين متغير تحديد اللغة المناسبة للنص في الشاشة التالية. ستكون اللغة الإنجليزية هي اللغة الافتراضية لكل الصفحات.
--- SECTION: لبرمجة زر اللغة في الشاشة الرئيسة: ---
< حدد لبنة when.Click (عند.الضغط) لمكون discover_button_en (زر_اكتشف_ بالإنجليزية). 1
< حدد مجموعة التحكم وافتح شاشة Cities (المدن) باستخدام startValue (قيمة البداية). 2
< اضبط startValue (قيمة البداية) إلى en (الإنجليزية). 3
< كرر الخطوات أعلاه لمكون discover_button_ar (زر_اكتشف_ بالعربية) واضبط startValue (قيمة البداية) إلى ar (العربية). 4
--- SECTION: شكل 3.34: صفحة اللبنات البرمجية الأولية ---
شكل 3.34: صفحة اللبنات البرمجية الأولية
وزارة التعليم
155
Ministry of Education
2025 - 1447
--- VISUAL CONTEXT ---
**IMAGE**: شكل 3.34: صفحة اللبنات البرمجية الأولية
Description: A screenshot of a block-based programming environment, likely MIT App Inventor. The interface shows a component palette on the left, a mobile phone screen emulator in the center (labeled 'Vert_SA_App'), and a blocks editor area on the right. The blocks editor area is mostly empty, indicating an initial state. The top menu bar includes options like 'MIT', 'Project', 'Connect', 'Build', 'Help', 'My Projects'.
Context: This figure illustrates the graphical user interface for block-based programming, showing where users would drag and drop programming blocks to build applications. It specifically shows the initial state of the blocks editor, which is relevant to the programming instructions provided on the page.
🎴 بطاقات تعليمية للمراجعة
عدد البطاقات: 6 بطاقة لهذه الصفحة
ما هو الغرض الرئيسي من استخدام مكون VerticalScrollArrangement (ترتيب التمرير العمودي)؟
الإجابة: يستخدم لتنسيق ظهور المكونات الأخرى على المحور الرأسي، وإنشاء مجمع لمحاذاتها، كما يدعم خاصية scrolling (التمرير) للمكونات التي لا تتناسب مع حجم الشاشة.
الشرح: هذا المكون أساسي في تصميم واجهات التطبيقات حيث يسمح بترتيب المكونات عمودياً مع إمكانية التمرير إذا تجاوزت حجم الشاشة.
تلميح: فكر في كيفية تنظيم العناصر في اتجاه رأسي وإمكانية التمرير.
التصنيف: تعريف | المستوى: سهل
ما هي اللبنات البرمجية المستخدمة لتغيير محاذاة المكونات داخل مجمع VerticalScrollArrangement؟
الإجابة: اللبنتان البرمجيتان هما: set VerticalArrangement1 ▾ AlignHorizontal ▾ to HorizontalAlignment Left ▾ و set VerticalArrangement1 ▾ AlignVertical ▾ to VerticalAlignment Top ▾.
الشرح: هذه اللبنات تتحكم في محاذاة المكونات الفرعية داخل المجمع، سواء أفقياً أو رأسياً، مما يسمح بتصميم واجهة مستخدم دقيقة.
تلميح: تذكر أن هناك لبنة للمحاذاة الأفقية وأخرى للمحاذاة الرأسية.
التصنيف: صيغة/خطوات | المستوى: متوسط
ما هو الغرض الرئيسي من استخدام مكون HorizontalArrangement (الترتيب الأفقي)؟
الإجابة: يُستخدم لتنسيق ظهور المكونات الأخرى أفقيًا، وإنشاء مجمع لمحاذاتها.
الشرح: هذا المكون مكمل للترتيب العمودي، ويستخدم لتنظيم عناصر واجهة المستخدم في صف أفقي.
تلميح: فكر في كيفية ترتيب العناصر جنباً إلى جنب.
التصنيف: تعريف | المستوى: سهل
ما هي الخطوات الأساسية لبرمجة زر اكتشف باللغة الإنجليزية (discover_button_en) في الشاشة الرئيسة؟
الإجابة: 1. تحديد لبنة when.Click (عند.الضغط) لمكون discover_button_en. 2. تحديد مجموعة التحكم وفتح شاشة Cities باستخدام startValue. 3. ضبط startValue إلى en (الإنجليزية).
الشرح: هذه الخطوات توضح كيفية برمجة التنقل بين الشاشات مع تمرير معلمة (قيمة اللغة) لتحديد لغة الواجهة في الشاشة التالية.
تلميح: تذكر أن العملية تبدأ بحدث الضغط على الزر وتنتهي بتعيين قيمة اللغة.
التصنيف: صيغة/خطوات | المستوى: متوسط
ما الفرق بين دور مكون VerticalScrollArrangement ومكون HorizontalArrangement في تصميم واجهة التطبيق؟
الإجابة: يستخدم VerticalScrollArrangement لترتيب المكونات على المحور الرأسي (عمودياً) ويدعم التمرير. بينما يستخدم HorizontalArrangement لترتيب المكونات على المحور الأفقي (أفقياً).
الشرح: كلا المكونين هما من مكونات الترتيب (Arrangements) ولكن لكل منهما اتجاه مختلف، مما يسمح للمصمم ببناء تخطيطات معقدة تجمع بين الترتيب الأفقي والرأسي.
تلميح: فكر في اتجاه تنظيم العناصر في كل مكون.
التصنيف: فرق بين مفهومين | المستوى: متوسط
ما هي اللغة الافتراضية التي سيتم استخدامها في الصفحات حسب برمجة أزرار دعم اللغة؟
الإجابة: اللغة الإنجليزية هي اللغة الافتراضية لكل الصفحات.
الشرح: تحديد لغة افتراضية هو ممارسة شائعة في برمجة التطبيقات متعددة اللغات لضمان عمل التطبيق حتى لو لم يتم اختيار لغة محددة.
تلميح: تذكر أن هناك زرين للغة، أحدهما للعربية والآخر للإنجليزية.
التصنيف: مفهوم جوهري | المستوى: سهل