将图像从 Drawable 添加到 ArrayList 时 RecylerView 滞后

Question

I am loading images into ArrayList and then setting it to RecylerView with GridLayout. The images are loaded and everything looks good. But when I scroll the RecylerView it starts lagging.Though images are loaded completely there is a lag while scrolling.

Some answers I came across were about lazy loading the images or using Glide or Picasso libraries. But how can I implement it? Here's how I am adding images.

MainActivity:

int imageArray[] = new int[]{
        R.drawable.one,
        R.drawable.two, R.drawable.three,
        R.drawable.four,R.drawable.five,...
};
private ArrayList prepareData(){
    ArrayList arrayList = new ArrayList();
    for(int i=0;i<names.length;i++){
        MyModel myModel = new MyModel();
        myModel.setDrawable(imageArray[i]);
        arrayList.add(myModel);
    }
    return arrayList;
}

Here's my Adapter code:

@Override
public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
    View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.images_card, viewGroup, false);
    return new ViewHolder(view);
}

@Override
public void onBindViewHolder(ViewHolder viewHolder, int i) {

   viewHolder.tv_logo.setImageResource(mArrayList.get(i).getDrawable());
}

Answer 1

If you are using Glide then use following code to load your drawable image into imageview using Glide

 Glide.with(context).load(R.drawable.yourImage).into(imageView);

Where "context" is your activity context and "imageView" is your object of ImageView

Answer 2

您还可以使用显示图像的网络调用库的本机代码，并且如果存在某种滞后，您可以在图像视图中添加进度条以获得良好的用户体验，并尝试在您的图像视图中使用 AppCompatImageView 而不是 ImageView布局。

Answer 3

It's better to use Glide or Picasso for image loading.

Try this

Glide.with(yourContext).load(imageArray[position]).into(viewHolder.tv_logo);

Image loading would be smooth and fast.

You can try Picasso also.

Happy Coding :)