عرض البيانات في جرد فيو - GridView

 السلام عليكم ورحمة الله وبركاته


في هذه التدوينة اقدم لك فيها كيف تعرض البيانات من الفايرباس في جرد فيو - GridView فاتبع الخطوات ونبدأ الشرح على بركة الله .

في صفحة التصميم ما نحتاج إليه هو :

_ صندوق ادخال لكتابة النص الذي نريد إرساله إلى فايرباس .

_ وز لإرسال النص إلى فايرباس .

_ و RecycleView وهي ستظهر البيانات ك جرد فيو .


هنا صورة توضح ما تم إضافته في صفحة التصميم




بعدها ننشئ صفحة مخصصة تحتوي على لاينر V وفيه ImageView و TextView حيث نضع صورة عادية لل ImageView أما TextView هو الذي سيظهر النص المرسل إلى فايرباس بدله عند استقبال البيانات .


هنا صورة توضح ما تم إضافته في الصفحة المخصصة



نتوجه إلى قسم الكتلة الإضافية أو MoreBlock وننشئ واحدة بأي اسم ولنفرض data بعدها ندخل إليها ونضيف بلوك add source directly الموجود في قسم Operator ونضيف فيه الكود أدناه 


recyclerview1.setAdapter(new Recyclerview1Adapter(ml));

recyclerview1.setLayoutManager(new GridLayoutManager(this, 3));


الصورة أدناه توضح ما تم إضافته في الكتلة الإضافية



نتوجه إلى قسم المكونات وننشئ فايرباس DB بأي اسم وليكن fdb فتدخل إلى حدث onChildAdded ونضيف بلوك getChildren الموجود في قسم Component ونضيف داخله الكتلة الإضافية التي أنشأنها كما موضح أدناه 





بعدها نتوجه إلى زر الارسال ونضيف بلوكات الارسال كما موضح بالصورة أدناه





والى حدث onBindCustomView ونضيف البلوكات كما موضح بالصورة أدناه 





شاهد الشرح في قناتنا على يوتيوب 




نبذات مختصرة لعلها تفيدك


* نبذة مختصرة عن GridView

يكون استخدامها حين رغبة المستخدم باظهار البيانات وهنا البيانات اما تكون اوفلاين او اونلاين لكن الاكثر استخداماً في التطبيقات التي تتطلب الوصول للانترنيت ويكون اظهار البيانات عنصرين او ثلاثة في الصف الواحد كما موضح بالصورة اعلاه التي تخص الفيديو فنلاحظ في الصف ثلاثة عناصر وعدد الصف هي ثلاثة طبعاً بهيئة مربعات فبهذا الشكل ستظهر البيانات في GridView .


* نبذة مختصرة عن RecycleView

تستخدم لعرض البيانات وطريقة العرض متعددة فيها فتكون طريقة العرض اما بشكل افقي فقط اي انه نحن سنتصفح البيانات بشكل افقي وتوضيح اخير انه سيكون السحب من اليمين الى اليسار فقط او تكون طريقة العرض كطريقة GridView اي انه ستكون طريقة عرض البيانات عنصرين او ثلاثة في الصف الواحد وستكون طريقة السحب من الاسفل الى الاعلى والبعض قد يتسائل يمكنني استعمال GridView بدلاً من استعمالي لـ RecycleView والتي سأستخدمها نفس طريقة عرض البيانات في جرد فيو لكنني لا انصح بأستعمال جرد فيو وتحديداً في تطبيق سكيتشوير فحسب استخدامي لها واجه فيها المستخدمين في احد تطبيقاتي اخطاء وتعود اغلب الاخطاء بسبب جرد فيو . 


نبذة مختصرة عن TextView

تستخدم هذه الحاجة في صفحات عديدة من التطبيق حسب رغبة المستخدم في اضافتها في المكان المناسب واحياناً تستخدم في القائمة السفلية والنص شائع الاستخدام في تطبيقات التواصل الاجتماعي كـ ميتا ( فيسبوك سابقاً ) وانستغرام فنلاحظ في الصفحة الرئيسية المنشورات والمنشورات تحتوي على نصوص او نصوص وصور فهنا نلاحظ استخدام هذه الحاجة .


* نبذة مختصرة عن ImageView

تستخدم هذه الحاجة في صفحات عديدة من التطبيق حسب رغبة المستخدم في اضافتها في المكان المناسب واحياناً تستخدم في القائمة السفلية والصور شائعة الاستخدام في تطبيقات التواصل الاجتماعي كـ ميتا ( فيسبوك سابقاً ) وانستغرام فنلاحظ في الصفحة الرئيسية المنشورات والمنشورات تحتوي على نصوص او نصوص وصور فهنا نلاحظ استخدام هذه الحاجة وايضاً تستخدم في القائمة الجانبية للتطبيقات .






المقالة التالية المقالة السابقة
لا توجد تعليقات
اضـف تعليق
comment url