القائمة الرئيسية

الصفحات

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

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


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


كيفية عرض البيانات من API داخل 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




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

هل اعجبك الموضوع :