إنشاء تطبيق الغذاء الصحي

Study Notes

إنشاء تطبيق

في هذا الدرس، سنقوم بتطبيق مجموعة من المهارات لإنشاء تطبيق "الغذاء الصحي" في App Inventor.
يتضمن التطبيق تصنيفات رئيسية للطعام الصحي مع أمثلة عن الأطعمة الصحية وفوائدها.
يحتوي التطبيق على أقسام مثل:
- اللحوم
- الأسماك
- التمرين الرياضي (الجري، السباحة، ركوب الدراجات، كرة القدم)
- نصائح صحية
- سيُعمل التطبيق على شاشات مختلفة كلٍّ منها لها وظيفة خاصة.

تغيير عنوان الشاشة

يمكن تغيير عنوان الشاشة عن طريق اختيار الشاشة من شاشة المكونات.
يوجد خاصية "Title" في "خصائص" الشاشة.
عن طريق إدخال اسم جديد في خاصية "Title"، سيتغير عنوان الشاشة.

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

سحب وإسقاط عنصر "Button" (زر) من شاشة المكونات.
تغيير اسم الزر من خلال خاصية "Text" في خصائص الزر.
محاذاة الزر أفقيًا ورأسيًا باستخدام عناصر "Horizontal Arrangement" و"Vertical Arrangement" في شاشة المكونات.
وضع الزر في وسط الشاشة من خلال تحديد "Center" في كل من عناصر "Horizontal Arrangement" و"Vertical Arrangement".

إضافة شاشة جديدة

إضافة شاشة جديدة من خلال الذهاب إلى "Add Screen".
تغيير اسم الشاشة.
يُمكن إضافة نص وصورة إلى شاشة جديدة باستخدام عنصر "Label" للإشارة وعنصر "Image" للصور.

إضافة صورة

سحب وإسقاط عنصر "Image" من شاشة "User Interface".
اختيار الصورة من الجهاز من خلال الضغط على "Upload File" و "Choose File".
تغيير حجم الصورة من خلال خاصية "Height" و "Width".

برمجة الانتقال بين الشاشات (زر الانتقال)

اختيار الشاشة التي نريد نقل المستخدم إليها (الوجهة) باستخدام عنصر "Control" --> "Open Another Screen".
تحديد اسم الشاشة المراد الانتقال إليها من خلال عنصر "Text" في "Open Another Screen".
ضبط عنصر "OpenAnother Screen" في داخل عنصر "When Button.Click" في "Open Another Screen".
يقوم المستخدم بالنقر على الزر، وينتقل المستخدم إلى الشاشة المُحدّدة (الهدف).

Description

في هذا الدرس، سوف نتعلم كيفية إنشاء تطبيق 'الغذاء الصحي' باستخدام App Inventor. سيتضمن التطبيق تصنيفات مختلفة للطعام الصحي وأمثلة عليها، بالإضافة إلى نصائح صحية. سنتناول أيضًا كيفية تغيير عنوان الشاشة ووضع الأزرار في مواقع محددة.