تطبيق تخمين صور المشاهير (GuessTheCelebrity)

بسم الله الرحمن الرحيم فى هذا المقال سنتحدث عن تطبيق جديد

الهدف منه تعلم كيفيه تنزيل صوره من URL وعرضها فى ImageView  وعمل تخمين عليها . عن طريق هذا الURL

http://www.posh24.com/celebrities

فالفكره هى ان نقوم بعمل تنزل لصوره شخصيه مشهور ويوجد تحتها اربعه اختيارات بينهم واحد صحيح لاسم الشخصيه المشهوره وعند اختيار اجابه صحيحه ينتقل على الشخصيه التاليه  وعند اختيار اجابه خاطئه يقوم التطبيق باظهار رساله باسم الشخصيه الحقيقيه والانتقال الى الشخصيه التاليه .


نبدا بانشاء مشروع جديد باسم  GuessTheCelebrity

ونقوم بعمل شاشة واحده فيه MainActivity.java ولها ملف xml واحد وهو activity_main.xml  ويكون فيه الكود التالى :

وهو عباره عن ImageView  يتعم عرض فيها الصوره وتحتها اربعه Buttons يظهر عليهم الاختيارات ليكون شكلها كالتالى :

******************************************

هنا صوره للتطبيق فى البدايه

********************************************

ثم بعد ذلك ننتقل الى ملف الجافا MainActivity.java

ونبدا بتعريف المتغيرات العامه

والتى هى عباره عن عدد 4 Buttons و ImageView وعدد 2 ArrayList  واحده لاسماء المشاهير وواحده اخرى لعنوان الUrl الخاص بكل واحد منهم

والمتغير locationOfCorrectAnswer  يحمل مكان الاسم الصحيح

ثم ننتقل الى داله  onCreate ونقوم بكتابه الكود التالى :

 

حيث انه ينقسم الى ثلاث اجزاء اول جزء انشاء المتغيرات

والجزء الثانى هو تنفيد لحدث task والذى فيه يتم جلب صوره الشخصيه ووضعها داخل الImageView  (سنقوم بشرحه لاحقا).

والجزء الثالث هو استدعاء لداله createNewQuestion  والتى تقوم بانشاء سوال جديد (سنقوم بشرحها لاحقا).

ثم نقوم باشاء داله ImageDownloader والتى تقوم باخذ عنوان الURL وترجع الصوره الخاصه بيه على شكل BitMap ويكون كالتالى:

ثم نثوم بانشاء كلاس داخل كلاس MainActivity.java ونسميه  DownloadTask ونجعله يرث من كلاس AsyncTask والذى يقوم بتنفيذ العمليات فى الخلفيه  Background بعيدا عن الMainThread  والذى عن طريقها تسطتيع ان تحمل اى بيانات من على Server ويكون كالتالى :

ثم نقوم بانشاء الداله createNewQuestion والتى تقوم بانشاء سؤال جيدد عن طريق تحميل الصوره ووضعها داخل الImageView ووضع الاجابات ومن بينهم الاجابه الصحيحه وتكون كالتالى :

ثم اخيرا نقوم بانشاء الداله celebChosen والتى يتم تنفيذها عند الضغط على اى جابه من الاجابات الاربعه .. فيقوم بمقارنه الاجابه المتختاره بالاجابه الصحيحه

واذا كانت صحيحه ينتقل للصوره التاليه واذا كانت خاطئه يظهر رساله تظهر الاسم الصحيح للصوره ثم ينتقل للتاليه :

*********************************************

 

لتحميل المشروع كامل من هنا

يرجي تقييم الموضوع

Facebooktwittergoogle_plusredditpinterestlinkedinmailby feather
The following two tabs change content below.

Comments

comments

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *