parsing json and display with recycler view and card view

Question

I need to parse json then view it in cards in recycler view. I need help in doing this with easy steps as I am still a junior. one important note I have to say is that I need to make this view in a fragment not an activity.

Thank you in advance. This is the json code I want to parse.

{"teamMembersList":[{"id":1,"name":"Mona Shahien","position":"DIRECTOR","description":"DIRECTOR","image":"209.126.105.42:8001/Images/TeamMembers/1.jpg"},{"id":2,"name":"Beshoy Fayez","position":"SENIOR PROGRAM MANAGER","description":"SENIOR PROGRAM MANAGER : Very Good ","image":"209.126.105.42:8001/Images/TeamMembers/2.jpg"},{"id":3,"name":"Sarah ElRawy","position":"SENIOR PROGRAM MANAGER","description":"SENIOR PROGRAM MANAGER : don\u0027t know","image":"209.126.105.42:8001/Images/TeamMembers/3.jpg"}]}

I have created layout for card view and another layout have recycler view This is the code of card view layout:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <android.support.v4.widget.CircleImageView
        android:id="@+id/image_of_our_teams"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    <android.support.v7.widget.AppCompatTextView
        android:id="@+id/name_of_team_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <android.support.v7.widget.AppCompatTextView
        android:id="@+id/position_of_team_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</RelativeLayout>
</android.support.v7.widget.CardView>

and this is the layout that contain recycler view :

<?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">
<android.support.v7.widget.RecyclerView
    android:id="@+id/my_recycler_view"
    android:scrollbars="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
</RelativeLayout>

Now what do I need to do?

What network library are you using? – Sharath kumar Sep 08 '17 at 12:46 — Sharath kumar, Sep 08 '17 at 12:46
question is too broad, please provide your code – Navneet Krishna Sep 08 '17 at 13:02 — Navneet Krishna, Sep 08 '17 at 13:02

score 1 · Answer 1 · answered Sep 17 '17 at 15:59

You need to learn more about CardView, RecyclerView and parsing JSON in android. The following links will help:

parsing json and display with recycler view and card view

1 Answers1

RecyclerView and CardView:

Parsing JSON in Android: