Adapter behaviour when loading image from URL ion library

Question

I m facing a problem when I want to load images from an adapter using the ion library.

In fact, I have items with a string corresponding to the url of the iconic image that I want to load for each item on my gridview.

The problem is due to the adapter view management (reusing existing view if I m not wrong), and I dont know how to bypass this...

For example, if I load 10 elements with an image, the first time it works. Then, when I scroll to bottom, and then I scroll to top, the image changes (due to the reuse of the existing view...)

Can you help me ?

This is my adapter code :

public class ProtocoleAdapter extends BaseAdapter {
    private Context context;
    private List<ProtocoleItem> mListe;

    public ProtocoleAdapter(Context context, List<ProtocoleItem> liste) {
        this.context = context;
        this.mListe = liste;
    }

    private class ViewHolder {
        TextView txtTitre;
        ImageView img;

    }

    public View getView(int position, View convertView, ViewGroup parent) {

        ViewHolder holder = null;

        LayoutInflater mInflater = (LayoutInflater) context
                .getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
        if (convertView == null) {
            convertView = mInflater
                    .inflate(R.layout.grid_item, null);

            holder = new ViewHolder();

            holder.txtTitre = (TextView) convertView
                    .findViewById(R.id.grid_item_label);

            holder.img = (ImageView) convertView
                    .findViewById(R.id.grid_item_image);


            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }

        final ProtocoleItem rowItem = mListe.get(position);


        boolean isLoaded = false;
        try {
            Bitmap bitmap = Ion.with(context)
                    .load(rowItem.getImage())
                    .asBitmap()
                    .get();

            isLoaded = true;

            holder.img.setImageBitmap(bitmap);

        } catch (InterruptedException e) {
            e.printStackTrace();
        } catch (ExecutionException e) {
            e.printStackTrace();
        }

        if (!isLoaded) {
            if (position % 5 == 0) {
                holder.img.setBackgroundColor(0xff176799);
            } else {
                if (position % 4 == 0) {
                    holder.img.setBackgroundColor(0xff2F87B0);
                } else {
                    if (position % 3 == 0) {
                        holder.img.setBackgroundColor(0xff42A4BB);
                    } else {
                        if (position % 2 == 0) {
                            holder.img.setBackgroundColor(0xff5BC0C4);
                        } else {
                            holder.img.setBackgroundColor(0xff78D6C7);
                        }
                    }
                }
            }
        }

        holder.txtTitre.setText(rowItem.getTitre());


        return convertView;
    }

Thanks for all !

Have a good day

score 2 · Answer 1 · answered Jul 14 '14 at 08:09

Get the latest version of Ion and use the following.

Ion.with(holder.img)
.load(rowItem.getImage());

This method will load asynchronously.

Your current usage is blocking the UI thread. Ion should properly handle convertView recycling, so that is not an issue.

score -1 · Answer 2 · answered Jun 26 '14 at 07:43

-1

This is lazy loading problem, go with Universal image loader: https://github.com/nostra13/Android-Universal-Image-Loader https://github.com/nostra13/Android-Universal-Image-Loader/blob/master/sample/src/com/nostra13/example/universalimageloader/ImagePagerActivity.java

answered Jun 26 '14 at 07:43

VINIL SATRASALA

614
5
11

Now way to do this with ion library ? – mfrachet Jun 26 '14 at 09:00
I don't know about Ion library, the problem you reffered to is lazy loading and universal image loader is the best solution for it. – VINIL SATRASALA Jun 26 '14 at 09:32
It's not really an objective answer, but thank you, I ll try this – mfrachet Jun 26 '14 at 11:15
Can somebody be more clear ? I dont understand why the lazy loading is killing my ListView ImageView x_x' – mfrachet Jun 27 '14 at 06:53
This works fine with ion. Asynchronous lazy loads has been a part of ion since v1. He was just making a blocking call with the .get(). – koush Aug 15 '15 at 23:48

Adapter behaviour when loading image from URL ion library

2 Answers2