Scrolling issue in spinner.Images not display when scrolling down

Question

i put one spinner in my activity and in that i put one textview and imageview.when i scrolling at that time some images not display.most probably last some images not shown.for clear scenario check below image

SpinnerAdapterRecharge.java

public class SpinnerAdapterRecharge extends ArrayAdapter<listview_data> {
    private Activity context;
    listview_data data[] = null;
    int layoutResourceId;
    ImageLoader imageLoader = ImageLoader.getInstance();
    DisplayImageOptions options;
    public SpinnerAdapterRecharge(Activity context, int resource,listview_data[] data)
    {
        super(context, resource, data);
        this.context = context;
        this.data = data;
        this.layoutResourceId = resource;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent)
    {
        options = new DisplayImageOptions.Builder().cacheInMemory(true)
                .cacheOnDisc(true)
                .cacheInMemory(true)
                .considerExifParams(true)
                .resetViewBeforeLoading(true)
                .showImageForEmptyUri(R.drawable.imagenotavailable)
                .showImageOnFail(R.drawable.imagenotavailable)
                .showImageOnLoading(R.drawable.imagenotavailable).build();
        return getCustomView(position, convertView, parent);
    }

    @Override
    public View getDropDownView(int position, View convertView, ViewGroup parent)
    {   // This view starts when we click the spinner.
        return getCustomView(position, convertView, parent);
    }
    public View getCustomView(int position, View convertView, ViewGroup parent) {
        View row = convertView;
        listHolder holder = null;
        if(row == null)
        {
            LayoutInflater inflater = ((Activity)context).getLayoutInflater();
            row = inflater.inflate(layoutResourceId, parent, false);

            holder = new listHolder();
            holder.imgIcon = (ImageView)row.findViewById(R.id.spinnerimageIcon);
            holder.txtTitle = (TextView)row.findViewById(R.id.spinnerOperator);

            row.setTag(holder);
        }
        else
        {
            holder = (listHolder)row.getTag();
        }
        listview_data item = data[position];


        if(position == 0)
        {
            holder.imgIcon.setVisibility(View.GONE);
            holder.txtTitle.setText(context.getResources().getString(R.string.lbl_operator));
        }
        else {
            holder.txtTitle.setText(item.title);
            //holder.imgIcon.setImageResource(item.icon);
            //if (holder.imgIcon.getTag() == null ||  !holder.imgIcon.getTag().equals(item.icon)) {
                ImageAware imageAware = new ImageViewAware(holder.imgIcon, false);
                imageLoader.displayImage("drawable://"+item.icon,imageAware,options);
            //}
        }
        return row;
    }
    static class listHolder
    {
        ImageView imgIcon;
        TextView txtTitle;
    }
}

Are you sure `item.icon` if position > 3 not equal null or empty String? — Volodymyr Kulyk, Apr 05 '16 at 07:50
I've got you. I asked you about `listview_data data[]`, images may do not show if some `item.icon == null || item.icon.length() == 0`. — Volodymyr Kulyk, Apr 05 '16 at 07:59

Volodymyr Kulyk · Accepted Answer · 2016-04-05T08:06:27.227

0

You are using Spinner with tinny size, so you don't have to reuse each item.
Change your getCustomView to this:

public View getCustomView(int position, View convertView, ViewGroup parent) {
        listHolder holder = new listHolder();
        LayoutInflater inflater = ((Activity)context).getLayoutInflater();
        View row = inflater.inflate(layoutResourceId, parent, false);
        holder.imgIcon = (ImageView)row.findViewById(R.id.spinnerimageIcon);
        holder.txtTitle = (TextView)row.findViewById(R.id.spinnerOperator);

        listview_data item = data[position];


        if(position == 0)
        {
            holder.imgIcon.setVisibility(View.GONE);
            holder.txtTitle.setText(context.getResources().getString(R.string.lbl_operator));
        }
        else {
            holder.txtTitle.setText(item.title);
            //holder.imgIcon.setImageResource(item.icon);
            //if (holder.imgIcon.getTag() == null ||  !holder.imgIcon.getTag().equals(item.icon)) {
                ImageAware imageAware = new ImageViewAware(holder.imgIcon, false);
                imageLoader.displayImage("drawable://"+item.icon,imageAware,options);
            //}
        }
        return row;
    }

edited Apr 05 '16 at 08:06

answered Apr 05 '16 at 07:54

Volodymyr Kulyk

6,455
3
36
63

thank u so much....solved it .but one doubt ..is that when items are many in spinner at that time scrolling available?? – Varshil shah Apr 05 '16 at 08:01
@Varshilshah yes, it will be ok. UI could freeze if you are using huge list with complicated items (many images from Internet, video, etc.) – Volodymyr Kulyk Apr 05 '16 at 08:04
why need listholder initialize two times?? – Varshil shah Apr 05 '16 at 08:05
@Varshilshah oops:) It's mistake. – Volodymyr Kulyk Apr 05 '16 at 08:06
if u have no problem, please suggest me which image loading library is the best for load image – Varshil shah Apr 05 '16 at 08:08

Scrolling issue in spinner.Images not display when scrolling down

1 Answers1