Hi, I have encountered an issue while parsing a JSON data. Here is the link to the JSON data that I'm working with.

Currently, I am trying to parse the JSON array for images so that I can display them in a recycler view using Picasso library. However, when I click on an image, I am getting all the images from the JSON instead of just the one corresponding to the clicked image.

For example, if I click on "emo", I only want to display the image for "emo" and not all the images. Do you have any idea how I can achieve this?

Here's my current implementation:

public class AppShowModule {
    private List<String> Allimage = new ArrayList<String>();

    public List<String> getAllimage() {
        return Allimage;
    }

    public void setAllimage(List<String> allimage) {
        Allimage = allimage;
    }
}

This is the fragment where I am working with the JSON data:

public class ImageListFragment extends Fragment {
    List<AppShowModule> appShowModules;
    List<AppShowModule> imagesModule;
    RecyclerView AppRecyclerView;
    RecyclerView.Adapter imageRecyclerViewadapter;
    List<String> imageUrls;
    String feedKey = "feed";
    String entryKey = "entry";
    String imageKey = "im:image";
    String labelKey = "label";
    String jsonUrl = "https://itunes.apple.com/jo/rss/topfreeapplications/limit=50/json";
    RequestQueue requestQueue;
    private RecyclerView.LayoutManager mLayoutManager;

    public ImageListFragment() {
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_image_list, container, false);
    }

    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        AppRecyclerView = (RecyclerView) getView().findViewById(R.id.imageRecyclerView);
        imagesModule = new ArrayList<>();
        appShowModules = new ArrayList<>();
        imageUrls = new ArrayList<>();
        JsonAppShowData();
    }

    public void JsonAppShowData() {
        final JsonObjectRequest jsonObjectRequest = new JsonObjectRequest(jsonUrl, new Response.Listener<JSONObject>() {
            @Override
            public void onResponse(JSONObject response) {
                try {
                    JSONArray jsonArray = response.getJSONObject(feedKey).getJSONArray(entryKey);
                    AppShowModule appShowModule = new AppShowModule();
                    for (int i = 0; i < jsonArray.length(); i++) {
                        JSONArray imageArray = response.getJSONObject(feedKey).getJSONArray(entryKey).getJSONObject(i).getJSONArray(imageKey);
                        for (int j = 0; j < imageArray.length(); j++) {
                            String image = imageArray.getJSONObject(j).getString(labelKey).toString();
                            imageUrls.add(image);
                            appShowModule.setAllimage(imageUrls);
                            appShowModules.add(appShowModule);
                        }
                    }
                    imageRecyclerViewadapter = new ImageListAdapter(appShowModules, getContext(), imageUrls);
                    AppRecyclerView.setAdapter(imageRecyclerViewadapter);
                } catch (JSONException e) {
                    e.printStackTrace();
                }
            }
        }, new Response.ErrorListener() {
            @Override
            public void onErrorResponse(VolleyError error) {
                Log.e("LOG", error.toString());
            }
        });

        requestQueue = Volley.newRequestQueue(getContext());
        requestQueue.add(jsonObjectRequest);
        mLayoutManager = new GridLayoutManager(getContext().getApplicationContext(), 3);
        AppRecyclerView.setLayoutManager(mLayoutManager);
    }
}

This is the recycler adapter:

public class ImageListAdapter extends RecyclerView.Adapter<ImageListAdapter.ViewHolder> {
    List<AppShowModule> appShowModules;
    List<String> imageUrl;
    Context context;

    public ImageListAdapter(List<AppShowModule> appShowModules, Context context ,List<String> imageUrls){
        super();
        this.imageUrl =imageUrls;
        this.appShowModules = appShowModules;
        this.context = context;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.imagelayout, parent,false );
        ViewHolder viewHolder = new ViewHolder(v);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        Picasso.with(context).load(imageUrl.get(position)).into(holder.appImage);
    }

    public int getItemCount() {
        return imageUrl.size();
    }

    class ViewHolder extends RecyclerView.ViewHolder {
        public ImageView appImage;

        public ViewHolder(View itemView) {
            super(itemView);
            appImage = (ImageView) itemView.findViewById(R.id.appImage);
        }
    }
}

And finally, here's the activity that contains the ImageView that is clicked:

public class ListViewDetailsFragment extends Fragment {
    ImageView AppImage;
    TextView AppName, AppArtist, AppContentType, AppRights, AppCategory, AppRealseDate, AppSammary;
    ImageButton AppLink;
    Context context;

    public ListViewDetailsFragment() {
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_list_view_details, container, false);
    }

    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        AppImage = (ImageView) getView().findViewById(R.id.imageView);
        AppName = (TextView) getView().findViewById(R.id.textname);
        AppArtist = (TextView) getView().findViewById(R.id.textartest);
        AppContentType = (TextView) getView().findViewById(R.id.textcontent);
        AppRights = (TextView) getView().findViewById(R.id.textrights);
        AppCategory = (TextView) getView().findViewById(R.id.textCategory);
        AppRealseDate = (TextView) getView().findViewById(R.id.textRelease);
        AppSammary = (TextView) getView().findViewById(R.id.textSummary);
        AppLink = (ImageButton) getView().findViewById(R.id.imageButton);

        String name = getActivity().getIntent().getExtras().getString("App_name");
        final String image = getActivity().getIntent().getExtras().getString("App_image");
        String artist = getActivity().getIntent().getExtras().getString("App_artist");
        String contentType = getActivity().getIntent().getExtras().getString("App_ContentType");
        String rights = getActivity().getIntent().getExtras().getString("App_Rights");
        String category = getActivity().getIntent().getExtras().getString("App_Category");
        String realse = getActivity().getIntent().getExtras().getString("App_ReleaseDate");
        final String link = getActivity().getIntent().getExtras().getString("App_link");
        String sammary = getActivity().getIntent().getExtras().getString("App_summary");

        AppName.setText(name);
        AppArtist.setText(artist);
        AppContentType.setText(contentType);
        AppRights.setText(rights);
        AppCategory.setText(category);
        AppRealseDate.setText(realse);
        AppSammary.setText(sammary);

        Picasso.with(context).load(image).into(AppImage);

        AppLink.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(getActivity().getBaseContext(),
                        WebView.class);
                intent.putExtra("App_link", link);
                getActivity().startActivity(intent);
            }
        });

        AppImage.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String id = (String) view.getTag();
                Intent intent = new Intent(getActivity().getBaseContext(), ImageList.class);
                intent.putExtra("id", id);
                getActivity().startActivity(intent);
            }
        });
    }
}