List Image Text Parse

يعرض المقال كيفية عرض ليست بها نص وصورة بأستخدم موقع Parse.com كما بالفيديو التالي

بعد الدخول على الموقع كما بالمقال السابق

هنبدأ بعمل جدول من خلال اختيار Core

2015-08-09_17-45-05ثم نختارAddClass 2015-08-09_17-47-12ثم نكتب كالتالي 2015-08-09_17-50-24ونضغط على Create Class

بعد ذلك هنختار Col+ليظهر الجدول الحواري وننشئ الأعمدة من خلاله

2015-08-09_17-53-58نكرار العملية حتي يتم إنشاء كل أعمدة الجدول طبقاً لأنواع الداتا التي حددنها بالكلاس التالية وبنفس الأسماء التي أستخدامنها حيث أننا حددنا أسماء الأعمدة وأنواع الداتا المدخلة بها وأنشانا setter- getter

WorldPopulation

يتم الضغط بداخل كل صف لأضافة الداتا الخاصة بكل دولة وفي حالة الصورة يتم الضغط مرتين ليصبح شكل الجدول كالتالي في النهاية

2015-08-09_17-59-38هيتم إضافة المكتبات إلى المشروع وبعد ذلك هيتم إنشاء الكلاس الرابط ما بين تطبيق الأندرويد وموقع www.parse.com وفيها يتم وضع

–  والتي نحصل عليهم من ال settings Keys ليصبح الملف كالتالي :

ParseApplication

هيتم إنشاء ملف الجافا

في البداية بدأنا بتعريف المتغيرات المختلفة والتي سنحتاجها

هيتم ربط ملف الجافا بملف التصميم بالأضافة إلى أستدعاء الميثود

new RemoteDataTask().execute();

هيتم إنشاء صندوق حواري أثناء تحميل الداتا من الموقع

من خلال الميثود هنسترجع الداتا من الجدول الموجود بموقع parse وهيتم ترتبيها  تصاعديا على حسب العمود ranknum هيتم استقبال الداتا كلا على حسب نوعها وبعد ذلك نضعها في List

هيتم الحصول على ال id الخاص بالليست من صفحة التصميم وربطها بال adapter واضافة الداتا التي حصلنا عليه من الموقع والموجود حاليا بالليست

ليكون الشكل النهائي للكلاس كالتالي

 MainActivity

لعرض البيانات على هيئة ليست بيتم إنشاء الكلاس التالية والتي يتم فيها الآتي

1- تعريف متغيرات

2- ربطها بملف التصميم الخاصة بها

3- الحصول على id الخاصة بكل عنصر في الليست

4- الحصول على الداتا من الداتا بيز والموجودة حاليا في ArrayList

5- وضع الداتا في Views المختلفة

6- في حالة الضغط على عنصر من عناصر القائمة بيتم الحصول على الداتا الخاصة به وإرسالها إلى الكلاس المخصصة لعرضه في شاشة منفصلة لتصبح الكلاس كالتالي

ListViewAdapter

ملف التصميم الخاصة به

listview_item.xml

لبيانات كل صف منفرد هننشيء كلاس وفيها هيتم الآتي

1- تعريف متغيرات

2- ربطها مع ملف التصميم

3- الحصول على id الخاص بكل عنصر

4 – الحصول على البيانات الخاصة بكل صف والتي تم الحصول عليها من الكلاس السابقة ليكون الشكل النهائي للكلاس كالتالي

SingleItemView

ملف التصميم الخاص به

singleitemview

الكلاس التالية تساعد في تحميل وعرض الصور وبالتالي هيتم تحمليها مباشرة في حالة ضعف الذاكرة الخاصة بالجهاز لانها بتحتفط بها مؤقتاً في الذاكرة

 ImageLoader

الكلاس التالية مهمتها حفظ الصور في الذاكرة الدخلية للجهاز حتي لا يتم تحمليها أكثر من مرة

 FileCache

وأخيراً ملف

manifest

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

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

Facebooktwittergoogle_plusredditpinterestlinkedinmailby feather
The following two tabs change content below.

عهود على

Latest posts by عهود على (see all)

Comments

comments

اترك تعليقاً

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