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

إنشاء تطبيق

• في هذا الدرس، سنقوم بتطبيق مجموعة من المهارات لإنشاء تطبيق "الغذاء الصحي" في 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".
• يقوم المستخدم بالنقر على الزر، وينتقل المستخدم إلى الشاشة المُحدّدة (الهدف).