📄 النص الكامل للصفحة
--- SECTION: لإضافة زر باللغة الإنجليزية ---
لإضافة زر باللغة الإنجليزية
< من مجموعة (واجهة المستخدم)، أضف المكون Button (زر) إلى الشاشة، 1 وأعد تسميته إلى discover_button_en (زر_اكتشف_بالإنجليزية). 2
< في المكون discover_button_en (زر_اكتشف_بالإنجليزية)، عين خاصية BackgroundColor (لون الخلفية) إلى Custom (مخصص)، 3 واكتب القيمة 28a595ff# 4 ثم عين خاصية Text (النص) إلى Discover (اكتشف)، 5 وعين خاصية Shape (الشكل) إلى rectangular (مستطيل)، 6 وأخيرًا عين خاصية TextColor (لون النص) إلى White (أبيض). 7
< كرر الخطوات السابقة لإضافة زر باللغة العربية. 8
رموز الألوان السداسية هي طريقة لتحديد الألوان في تصميمات الويب والرسومات الرقمية، وتكتب هذه الرموز بالنظام السادس عشري (Hexadecimal) ويتكون الرمز الذي يشير إلى لون معين من ستة أرقام (أساسها 16) تمثل درجات الألوان الأحمر والأخضر والأزرق (RGB).
--- SECTION: شكل 3.18 ---
شكل 3.18: إضافة زر باللغة الإنجليزية
136
وزارة التعليم
2025 - 1447
--- VISUAL CONTEXT ---
**DIAGRAM**: App Development Interface
Description: A diagram illustrating an app development environment, likely MIT App Inventor, showing two mobile phone screen mockups and a properties panel. The top phone screen displays a button labeled 'Discover' (1). The right-hand panel shows 'Components' and 'Properties' sections. For the 'discover_button_en' component (2), the 'BackgroundColor' property is set to 'Custom' (3), with a color picker showing a specific green-blue shade (4) corresponding to '#28a595ff'. The 'Text' property is set to 'Discover' (5), the 'Shape' is 'rectangular' (6), and the 'TextColor' is 'White' (7). The bottom phone screen mockup shows a similar button, but labeled 'اكتشف' (8), indicating an Arabic version of the button.
Key Values: Button text: Discover (English), Button text: اكتشف (Arabic), Component name: discover_button_en, BackgroundColor: Custom (#28a595ff), Text: Discover, Shape: rectangular, TextColor: White, Phone size: (505,320)
Context: This visual element demonstrates the practical steps of designing a user interface button within an app development platform, including setting its visual properties like background color, text, shape, and text color, and preparing for multilingual support (English and Arabic).
🎴 بطاقات تعليمية للمراجعة
عدد البطاقات: 5 بطاقة لهذه الصفحة
ما هي الخطوات المطلوبة لإضافة زر باللغة الإنجليزية في بيئة تطوير التطبيقات؟
الإجابة: 1. من مجموعة (واجهة المستخدم)، أضف المكون Button (زر) إلى الشاشة. 2. أعد تسميته إلى discover_button_en (زر_اكتشف_بالإنجليزية). 3. في المكون discover_button_en، عين خاصية BackgroundColor (لون الخلفية) إلى Custom (مخصص). 4. اكتب القيمة 28a595ff#. 5. عين خاصية Text (النص) إلى Discover (اكتشف). 6. عين خاصية Shape (الشكل) إلى rectangular (مستطيل). 7. عين خاصية TextColor (لون النص) إلى White (أبيض).
الشرح: هذه الخطوات تمثل عملية تصميم واجهة المستخدم بشكل منهجي في بيئات التطوير المرئية، حيث يتم تحديد خصائص المكونات بشكل تسلسلي.
تلميح: ركز على تسلسل الخطوات السبعة المذكورة في النص، بدءاً من إضافة المكون وانتهاءً بتعيين لون النص.
التصنيف: صيغة/خطوات | المستوى: متوسط
ما هي الخصائص التي يجب تعيينها لزر في واجهة المستخدم كما ورد في النص؟
الإجابة: الخصائص التي يجب تعيينها هي: BackgroundColor (لون الخلفية)، Text (النص)، Shape (الشكل)، TextColor (لون النص).
الشرح: هذه الخصائص الأساسية تحدد المظهر البصري للزر في التطبيق، مما يؤثر على تجربة المستخدم وسهولة الاستخدام.
تلميح: تذكر أن هناك أربع خصائص رئيسية تم ذكرها بعد إعادة تسمية المكون.
التصنيف: مفهوم جوهري | المستوى: سهل
ما هي رموز الألوان السداسية (Hexadecimal) وما الغرض منها؟
الإجابة: رموز الألوان السداسية هي طريقة لتحديد الألوان في تصميمات الويب والرسومات الرقمية، وتكتب بالنظام السادس عشري (Hexadecimal). يتكون الرمز من ستة أرقام (أساسها 16) تمثل درجات الألوان الأحمر والأخضر والأزرق (RGB).
الشرح: هذا النظام هو المعيار المستخدم في معظم بيئات التطوير لتعريف الألوان بدقة، حيث يمكن من خلاله تحديد أي لون بمجموعة رقمية ثابتة.
تلميح: فكر في نظام الترميز المستخدم في الويب والتصميم الرقمي لتمثيل الألوان.
التصنيف: تعريف | المستوى: متوسط
ما القيمة التي يجب تعيينها لخاصية BackgroundColor للزر الإنجليزي كما في المثال؟
الإجابة: القيمة هي 28a595ff# (مع الإشارة إلى أن الترميز يبدأ بعلامة # تليها القيمة).
الشرح: هذه القيمة تمثل لوناً محدداً في نظام الألوان السداسي، وهو لون أخضر-أزرق يستخدم كخلفية للزر.
تلميح: انظر إلى الخطوة الرابعة في عملية إعداد خصائص الزر.
التصنيف: رقم/تاريخ | المستوى: سهل
كيف يمكن تطبيق نفس خطوات تصميم الزر للغة العربية؟
الإجابة: عن طريق تكرار نفس الخطوات السابقة مع تغيير نص الزر إلى اللغة العربية (اكتشف) وتعديل اسم المكون ليعكس ذلك.
الشرح: هذا يوضح مبدأ إعادة الاستخدام في هندسة البرمجيات وتصميم الواجهات متعددة اللغات.
تلميح: انظر إلى التعليمات بعد الانتهاء من الخطوات السبعة للزر الإنجليزي.
التصنيف: مفهوم جوهري | المستوى: سهل