دليل المدون

2015-01-24

إنشاء تطبيق أندرويد مكون من أكثر من شاشة ببرنامج inventor

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

قد تحتاج إلى تصميم تطبيق مكون من صفحات متعددة أو أكثر من شاشة ، وتوجد طرق كثيرة لتنفيذ فكرة التنقل بين صفحات التطبيق بإستخدام برنامج App inventor  إخترت لكم أبسطها أرجو أن تحقق الإفادة لكم.

app inventor
فكرة عمل هذا التطبيق تعتمد فى الحقيقة على  شاشة واحدة فقط ويتم تقسيمها إلى أكثر من صفحة عن طريق أداة تخطيط الشاشة Layout التى سبق وأن شرحتها فى التطبيق السابق بالفيديو .
ولشرح هذا الدرس سأقوم بعمل مثال لتطبيق بسيط مكون من صفحتين الصفحة الأولى تحتوى على نص وليكن كلمة Welcome
والصفحة الثانية تحتوى على نص آخر وليكن Visit www.condaianllkhir.com
مع أزرار للتنقل بين الصفحتين

خطوات إنشاء التطبيق:

  • فى البداية قم بإنشاء مشروع جديد وقم بتطبيق الخطوات الآتية :

شاشة التصميم Design

  • إختر من قائمة الأدوات >>> Layout 
  • ثم إسحب إلى شاشة التصميم Vertical arrangmentمرتين بحيث يكون عندنا 
Vertical arrangment1 , Vertical arrangment2
  • ثم قم بإعادة تسميتهم بـ Screen_1  ,  Screen_2 
app inventor
  • ثم قم بضبط خصائص كل منهما كما بالصورة
app inventor
  • من شريط الادوات قم بسحب Button , Lable  وافلاته بالمستطيل بشاشة التصميم وتكرار ذلك ايضا مع المستطيل الثانى حتى يكون الشكل كما بالصورة
 ملحوظة: يمكن إضافة أى مكونات إلى المستطيلات أى نصوص أو صورأو............إلخ   بحيث ما تريده أن يظهر بالصفحة الأولى قم بإضافته للمستطيل الأول وما تريد ظهوره بالصفحة الثانية قم بإضافته للمستطيل الثانى
app inventor
ثم قم بضبط خصائص "Properties"  كل مكون  كالآتى:
Screen_1
app inventor
 Button1

app inventor
 Lable1
app inventor

 Screen_2
app inventor
Button2


 Lable2
app inventor

الآن توجه إلى واجهة البرمجة Blocks

  •  قم بتركيب مكونات الكود كما بالصورة 
(يشير كل مكون الى قطع الكود الخاصة به بالأسهم)
app inventor
يمكن تحميل نموذج لمثال وتجربته على البرنامج من هنا
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
تصميم مواقع إلكترونية و تطبيقات بأقل الأسعار

هناك 14 تعليقًا

  1. السلام عليكم
    لكم جزيل الشكر على مجهوداتكم القيمة و المفيدة
    طلب بيسط من فضلكم لو أمكن شرح طريقة إضافة admob لتطبيقات App inventor

    ردحذف
  2. @ yosofoz chababoz ، @ Moustafa El Hamrawy
    سأحاول الفترة القادمة تقديم دروس أكثر عن Appinventor عن هذه الملاحظات بإذن الله
    وشكرا جزيلا لمتابعتكم

    ردحذف
    الردود
    1. ممكن تنشرون كيفية تعلم عمل تطبيق Flashlight على موقع appinventor

      حذف
  3. السلام عليكم
    جزاكى الله خيرا
    لو سمحتى استفسار هام لو عاوز مثلا بالضغط على (ارسل الان) يتم تحويلى للرسائل sms برقم ومضمون معين
    ولكى كل الشكر

    ردحذف
  4. لو تكرمت اريد شرح عمل صفحه تحتوى على نص مثلا سورة الكهف فى صفحه واحده .

    ردحذف
  5. @ Nader ezz
    أعتقد أن برنامج Android studio به هذه الإمكانية
    @ Ahmed Elbshpeshy
    تابع هذا الدرس ربما تجد به ما يفيد
    شرح تطبيق القرءان الكريم

    ردحذف
  6. الرجاء المساعدة فى اكواد ارسال الايميل بواسطة البرنامج حي انى اريد عمل تطبيق يسمح للمستخدم بارسال ايميل الى يتكون من textbox بعد تعبئتها ثم ارسالها الى ايميل محدد سلفا

    ردحذف
  7. السلام عليكم..اولا اشكرك علئ المجهود اللي تقومي به
    انت رائعه٪
    موضوعي..اني مصممه صور دعويه واتمنى يكون لي تطبيق بالاندرويد تنجمع فيه كل تصاميمي ويستفيد منها الناس
    هل هناك طريقه سهله لذلك ..ارجو مساعدتي

    ردحذف
  8. انا مصممه صور اسلاميه واريد تطبيق اندرويد لتصاميمي والاستفاده منها..كيف الطريقه

    ردحذف
    الردود
    1. اذا امكن التواصل وانشاء موقع للصور الاسلاميه

      حذف
  9. @ بدور الدوسري
    شكرًا جزيلًا لكى أختى تشرفت بمتابعتك بإذن الله قريبًا سأقوم بإعداد درس يشرح تطبيق يضم التصاميم ولحين إعدادا هذا الدرس يمكنك الإستعانة بالدروس المعروضة على موقع App inventor

    ردحذف
  10. هل هناك طريقة لوظع التطبيق على google play

    ردحذف
  11. السلام عليكم ورحمة الله وبركاته
    هل يمكن الانتقال بين الشاشات بسحب الشاشة يمين وشمال بدلاً من وضع زر بوتن

    ردحذف

يمنع نشر التعليقات ذات الروابط الدعائية أو تعليقات بإسلوب غير لائق أو التى تحتوى على معلومات شخصية كالبريد الإلكترونى .
لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون