شارك المقالة

كيفية عرض البيانات من API داخل RecyclerView ببرنامج أندرويد ستوديو


بسم الله الرحمن الرحيم السلام عليكم ورحمه الله وبركاته مرحبا بكل متابعي و متابعات موقع او مدونه gee coders في هذه المقاله سوف نتعرف على كيفية عرض المعلومات الخاصة بال اي بي اي – api داخل RecyclerView حيث في المقالات السابقة تعرفنا على كيفية جلب المعلومات واستعراضها داخل اندرويد ستوديو ولكن كل هذا كان logi وفي هذه المقالة سوف نقوم بتعلم كيفية عرض البيانات داخل RecyclerView وفي دروس السابق ايضا تعرفنا على الرسايل Recycler View وما هي اهميتها وكيف يمكنك عمل RecyclerView سواء بي بالطريقه العاديه او بطريقه الداتا بيندنج – Data Binding لذلك اذا لم تكن تعرف ما هي RecyclerView ارجو منك الرجوع الى المقالات السابقة للتعلم ماهي RecyclerView وكيف يمكن ربطها بتطبيقك في برنامج اندرويد-ستوديو ولكن لا تقلق في هذه المقالة سوف اشرحها لكم مره اخرى ولكن بشكل سريع و بالصور .



لتحديد نوع المحتويات والبلد من داخل MainActivity توجة الى interface الذي به المعلومات وقم بعمل Query للبلد وللفئات داخل الميثود وبعدها قم بإزالتهم من الرابط الموجود في GET , بعدها ارجع الى MainActivity وبداخل ميثود getNews قم بعمل “” ستجد ظهور كلمة country قم بعدها بكتابة نوع البلد الذي تريد الحصول على معلومات منها وبعدها كرر العملية وستجد category اكتب المحتوى المراد عرضة .



الان قم بإنشاء acvitiviy جديدة وقم بعمل CardView بداخلها يحتوي على صورة وعنوان


بعد ذلك قم بإنشاء كلاس adapter خاص بالكارد فيو لكي نمرر المتغيرات بداخلة ( يمكنك استخدام الداتا بيندنج كما بالصورة او يمكنك إنشاءة بالطريقة العاديه كما تعودنا في المقالات السابقة ) 



في onBindViewHolder يمكننا تمرير النصوص بكل سهولة عن طريق setText ولكن في الصورة الوضع يختلف قليلا ولذلك قمنا بإضافة مكتبة Picasso والتي تعرض لنا الصور من الانترنت فكل ما عليك هو كتابتها وبعدها get وبعدها load وتعطيه مسار الصورة وهو موجود في articlee وبعدها getUrlToImage ليحضر الصورة وبعدها يمكنك عمل placeholder بحيث يضع صورة بديله الى ان يتم تحميل الصورة الاصليه او اذا كانت المقالة بلا صورة تكون هذة الصورة افتراضية بعدها into وتعطي المسار الذي تريد ان تتم فيه عملية وضع الصورة .


الخطوة التالية وهي عرض RecyclerView داخل MainActivity قم بتعريف RecyclerView و apiAdaptor وبعدها قم بعمل setLayoutManager للـrecyclerview وفي المكان الذي فية البيانات وهو onResponse نقوم بعمل تعريف apiAdaptor ونخبره ان يحصل على المعلومات من exampleNewsResponse وبعد ان يحصل عليها نقوم بعمل setAdapter ليتم عرض البيانات الحاصل عليها من apiAdaptor داخل recyclerview




لمزيد من الاكواد

شاهد أيضًا
مقالات ذات صلة
خطوات بسيطة لتنفيذ قواعد البيانات في Android مع Room وHilt

إتقان Room وHilt: أدوات فعالة لقواعد البيانات في Android إتقان التعامل مع قواعد البيانات في…

اضافة زر للعودة للصفحة السابقه وتعديل اسم toolbar داخل android studio

  بسم الله الرحمن الرحيم متابعي موقع جي كودرس مرحبا بكم في مقالة جديدة وفي…

شرح التعامل مع notification بالعربي #1 : بناء الاشعارات داخل برنامج اندرويد ستوديو – how to build to notification in android studio

  قد لا تخلو تطوير تطبيقات الاندرويد من وجود الاشعارات notification ولذلك نحاول ان نشرح…

🚫 مانع الإعلانات مفعل

يجب إيقاف مانع الإعلانات لاستكمال تصفح الموقع