如何将 Picasso 与 RecyclerView 的自定义适配器一起使用

Question

我正在使用从网络加载的图像填充 RecyclerView。我可以在我的适配器中使用 AsyncTask 加载图像。但是，由于我需要用 Picasso 来实现它，所以我需要帮助。这是到目前为止的代码：

    public class CustomAdapter extends RecyclerView.Adapter<CustomAdapter.MovieViewHolder>
{
    Bitmap mBitmap;
    int pos;
    public static class MovieViewHolder extends RecyclerView.ViewHolder
    {
         CardView cv;
        TextView MovieName;
         ImageView MoviePhoto;

        MovieViewHolder(View itemView) {
            super(itemView);
            cv = (CardView)itemView.findViewById(R.id.cv);
            MovieName = (TextView)itemView.findViewById(R.id.movie_name);
            MoviePhoto = (ImageView)itemView.findViewById(R.id.movie_photo);
        }
    }

    List<Post> mpost;

    CustomAdapter(List<Post> mpost){
        this.mpost = mpost;
    }

    @Override
    public void onAttachedToRecyclerView(RecyclerView recyclerView) {
        super.onAttachedToRecyclerView(recyclerView);
    }

    @Override
    public MovieViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
        View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup, false);
        MovieViewHolder pvh = new MovieViewHolder(v);
        return pvh;
    }

    @Override
    public void onBindViewHolder(MovieViewHolder movieViewHolder, int i)
    {
        pos=i;
        movieViewHolder.MovieName.setText(mpost.get(i).getTitle());

        if(mpost.get(pos).getPoster_path()!=null)
        {
            new AsyncTask<Void, Void, Void>() {
                @Override
                protected Void doInBackground(Void... params) {
                    try {
                        URL url = new URL("http://image.tmdb.org/t/p/w154"+mpost.get(pos).getPoster_path());
                        mBitmap = BitmapFactory.decodeStream(url.openConnection().getInputStream());

                    } catch (MalformedURLException e) {

                    } catch (IOException e) {

                    }
                    return null;
                }
            }.execute();




            movieViewHolder.MoviePhoto.setImageBitmap(mBitmap);

        }




    }

    @Override
    public int getItemCount()
    {
        if(mpost!=null)
        {
            return mpost.size();
        }
        else
        {
            return 0;
        }
    }

}

我需要替换它：

 new AsyncTask<Void, Void, Void>() {
            @Override
            protected Void doInBackground(Void... params) {
                try {
                    URL url = new URL("http://image.tmdb.org/t/p/w154"+mpost.get(pos).getPoster_path());
                    mBitmap = BitmapFactory.decodeStream(url.openConnection().getInputStream());

                } catch (MalformedURLException e) {

                } catch (IOException e) {

                }
                return null;
            }
        }.execute();




        movieViewHolder.MoviePhoto.setImageBitmap(mBitmap);

毕加索：

Picasso.with(this)
                .load("http://image.tmdb.org/t/p/w154" + mpost.get(pos).getPoster_path())
                .into(MoviePhoto);

但是，这样做似乎有错误，最好的解决方法是什么？

Answer 1

您可以在 onBindViewHolder 方法 RecyclerView.Adapter

中使用 Picasso 作为以下代码

@Override
public void onBindViewHolder(MovieViewHolder movieViewHolder, int position){


    Post model = mpost.get(position);    

    movieViewHolder.MovieName.setText(model.getTitle());
    Picasso.with(getContext()).load("http://image.tmdb.org/t/p/w154" + model.getPoster_path()).into(movieViewHolder.MoviePhoto)

}

Answer 2

在 onBindViewHolder 方法中设置用于将图像加载到图像视图的 piccaso

onBindViewHolder(MovieViewHolder movieViewHolder, int position)
Picasso.with(context)
            .load("http://image.tmdb.org/t/p/w154" + mpost.get(position).getPoster_path())
            .into(movieViewHolder.MoviePhoto);`

就这么简单。 :)

Answer 3

@Override
public void onBindViewHolder(MovieViewHolder movieViewHolder, int i){
    pos=i;
    movieViewHolder.MovieName.setText(mpost.get(i).getTitle());
    if(mpost.get(pos).getPoster_path()!=null){
        Picasso.with(getContext()).load("http://image.tmdb.org/t/p/w154" + mpost.get(pos).getPoster_path()).into(movieViewHolder.MoviePhoto)
    }
}

Answer 4

 public class CustomAdapter extends RecyclerView.Adapter<CustomAdapter.MovieViewHolder>
{
Bitmap mBitmap;
int pos;
Context context;
public static class MovieViewHolder extends RecyclerView.ViewHolder
{
     CardView cv;
    TextView MovieName;
     ImageView MoviePhoto;

    MovieViewHolder(View itemView) {
        super(itemView);
        cv = (CardView)itemView.findViewById(R.id.cv);
        MovieName = (TextView)itemView.findViewById(R.id.movie_name);
        MoviePhoto = (ImageView)itemView.findViewById(R.id.movie_photo);
    }
}

List<Post> mpost;

CustomAdapter(Context context,List<Post> mpost){
    this.mpost = mpost;
    this.context=context;
}

@Override
public void onAttachedToRecyclerView(RecyclerView recyclerView) {
    super.onAttachedToRecyclerView(recyclerView);
}

@Override
public MovieViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
    View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup, false);
    MovieViewHolder pvh = new MovieViewHolder(v);
    return pvh;
}

@Override
public void onBindViewHolder(MovieViewHolder movieViewHolder, int i)
{
    pos=i;
    movieViewHolder.MovieName.setText(mpost.get(i).getTitle());

    if(mpost.get(pos).getPoster_path()!=null)
    {
        new AsyncTask<Void, Void, Void>() {
            @Override
            protected Void doInBackground(Void... params) {
                try {
                    URL url = new URL("http://image.tmdb.org/t/p/w154"+mpost.get(pos).getPoster_path());
                    mBitmap = BitmapFactory.decodeStream(url.openConnection().getInputStream());

                } catch (MalformedURLException e) {

                } catch (IOException e) {

                }
                return null;
            }
        }.execute();




        movieViewHolder.MoviePhoto.setImageBitmap(mBitmap);

    }




}

@Override
public int getItemCount()
{
    if(mpost!=null)
    {
        return mpost.size();
    }
    else
    {
        return 0;
    }
}

}

使用此代码并在 CustomAdapter 中传递 activity 的上下文。

CustomAdater customAdapter= new CustomAdapter(this,post);

在你的毕加索代码中使用上下文而不是这个。

如何将 Picasso 与 RecyclerView 的自定义适配器一起使用

how to use Picasso with custom Adapter for RecyclerView

android

picasso