如何将图像从Firestore和存储加载到RecyclerView中？

Question

下面是我的代码：

public class Prizes {

    private String text;
    private String image;


    public Prizes (){

    }

    public Prizes(String text, String image) {
        this.text = text;
        this.image = image;
    }
    public String getText() {
        return text;
    }
    public String getImage(){
        return image;
    }
}

这是我的适配器：

public class PrizeGameAdapter extends FirestoreRecyclerAdapter<Prizes, PrizeGameAdapter.PrizeGameHolder> {

    public PrizeGameAdapter(@NonNull FirestoreRecyclerOptions<Prizes> options) {
        super(options);

    }

    @Override
    protected void onBindViewHolder(@NonNull PrizeGameHolder holder, int position, @NonNull Prizes model) {

        holder.textViewPrizeGame.setText(model.getText());
    }

    @NonNull
    @Override
    public PrizeGameHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.listitem_prize_game,parent, false);
        return new PrizeGameHolder(view);
    }

    class PrizeGameHolder extends RecyclerView.ViewHolder {

        TextView textViewPrizeGame;
        ImageView imageViewPrizeGame;

        public PrizeGameHolder(@NonNull View itemView) {
            super(itemView);

            textViewPrizeGame = itemView.findViewById(R.id.listitem_text_view_prize_game);
            imageViewPrizeGame = itemView.findViewById(R.id.picture_prize_recycler_view);
        }
    }
}

Answer 1

使用Picasso将图像从url加载到ImageView非常简单。

首先，在项目的dependencies build.gradle中添加以下行并同步项目

implementation 'com.squareup.picasso:picasso:2.71828'

同步该项目，并让梯度下载毕加索libaray。完成后，在PrizeGameAdapter类的OnBindViewHolder中添加以下代码行

Picasso.get()
.load(model.getImage())
.into(holder.imageViewPrizeGame);