BindViewHolder上的回收器视图

Question

我进行一个API调用，得到一个响应，并将其存储在ArrayList中。我有1个Textview和1个ImageView要填充。现在，当我得到响应时，它是根据JSON（即顺序）的，但当我尝试在适配器中设置它时，它是随机的（即没有顺序）

按顺序如下：

JSONArray imageArray = imageData.optJSONArray("images");
for (int i = 0; i < imageArray.length(); i++)
{
    JSONObject img = imageArray.optJSONObject(i);
    allID.add(i,img.optString("id"));
    allTitles.add(i,img.optString("title"));
    Log.d("Image ID: ", allID.get(i));
    Log.d("Image Title: ", allTitles.get(i));
    JSONArray imagePath = img.optJSONArray("display_sizes");
    for (int j = 0; j < imagePath.length(); j++)
    {
        JSONObject jb = imagePath.optJSONObject(j);
        allImagePath.add(j, jb.getString("uri"));
        Log.d("Image Path: ", allImagePath.get(j));

    }

    modelGettyImages.setID(allID);
    modelGettyImages.setTitle(allTitles);
    modelGettyImages.setImagePath(allImagePath);
    ImagesList.add(modelGettyImages);

}

现在，在这个适配器中，ImagePath不是按照以下顺序：

public class ImageCustomAdapter extends RecyclerView.Adapter<ImageCustomAdapter.ImagesViewHolder> {

    Context context;
    private ArrayList<ModelGettyImages> images;
    private ArrayList<ModelGettyImages> allImages = new ArrayList<>();

    public ImageCustomAdapter(ArrayList<ModelGettyImages> images,Context context) {
        this.images = images;
        this.context = context;
    }

    @Override
    public ImagesViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.card_row, parent, false);
        ImagesViewHolder imagesViewHolder = new ImagesViewHolder(view);


        return imagesViewHolder;
    }

    @Override
    public void onBindViewHolder(ImagesViewHolder holder, int position) {


        List<String> text = images.get(position).getTitle();
        Log.d("TitleAdapter : ",images.get(position).getTitle().toString());
        List<String> image = images.get(position).getImagePath();
        Log.d("ImageAdapter : ", images.get(position).getImagePath().toString());
        holder.title.setText(text.get(position));
        Picasso.with(context).load(image.get(position)).fit().centerCrop().into(holder.image);




    }

    @Override
    public int getItemCount() {
        return images.size();
    }

    public class ImagesViewHolder extends RecyclerView.ViewHolder{
        ImageView image;
        TextView title;
        public ImagesViewHolder(View itemView) {
            super(itemView);

             image = (ImageView)itemView.findViewById(R.id.imageView);
             title = (TextView)itemView.findViewById(R.id.textView);
        }
    }
}

Answer 1

像下面这样解析你的反应，

JSONArray imageArray = imageData.optJSONArray("images");
for (int i = 0; i < imageArray.length(); i++)
{
    JSONObject img = imageArray.optJSONObject(i);

    Log.d("Image ID: ", img.optString("id"));
    Log.d("Image Title: ", img.optString("title"));

    JSONArray imagePath = img.optJSONArray("display_sizes");

    for (int j = 0; j < imagePath.length(); j++)
    {
        JSONObject jb = imagePath.optJSONObject(j);
        allImagePath.add(j, jb.getString("uri"));
        Log.d("Image Path: ", allImagePath.get(j));

    }

    modelGettyImages.setId(img.optString("id"));
    modelGettyImages.setTitle(img.optString("title"));
    modelGettyImages.setImagePaths(allImagePath);
    ImagesList.add(modelGettyImages);
}

准备你的模型类ModelGettyImages下面的变量和getters-setters.（我刚刚提到了模型类中的变量，你需要为这些变量自动生成getters-setters）

private String id, title;
private List<String> imagePaths;

更新onBindViewHolder方法如下，

@Override
public void onBindViewHolder(ImagesViewHolder holder, int position) {

    ModelGettyImages currentImage = images.get(position);

    Log.d("TitleAdapter : ",currentImage.getTitle();
    List<String> imagePaths = currentImage.getImagePaths();

    // Below is the list of images with multiple dimension. 
    // And we are using very first dimension image from that.
    Log.d("ImageAdapter : ", imagePaths.get(0).toString());

    holder.title.setText(currentImage.getTitle());
    Picasso.with(context).load(imagePaths.get(0)).fit().centerCrop().into(holder.image);
}