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

Question

我没有找到这个问题的任何解决方案，仅适用于实时数据库。 我设法从 Firestore 中的文档中获取一个字符串并将其显示在 RecyclerView 中，我想用图像实现相同的效果。

在 Firestore 的文档中，我有一个字段，其中图片的链接（存储在 Storage 中）保存为字符串。 我知道我必须以某种方式使用毕加索来加载图像，但我不知道该怎么做。

这是我的代码：

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 非常简单。

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

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

同步项目，让 gradle 下载 picasso libaray。 完成后，在PrizeGameAdapter类的onBindViewHolder中添加以下代码行

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

中提琴，它会为你工作。