尝试更改列表中图像的来源

Question

我有一个列表视图，其中每个列表项都包含一个 ImageView。现在在我的适配器类中，我在 ImageView 上设置了一个点击监听器，它改变了图像资源。我正在使用简单的代码并且它可以工作，但我有一个独特的问题，如果我点击任何图像它会发生变化，而且随后的第 6 个列表项的图像也会发生变化。这是我面临的一个非常独特的问题，我不明白是什么原因造成的。

我的适配器类中的点击监听器：

public class CustomListAdapter extends BaseAdapter {
private Activity activity;
private LayoutInflater inflater;
private List<Movie> movieItems;
ImageLoader imageLoader = AppController.getInstance().getImageLoader();

public CustomListAdapter(Activity activity, List<Movie> movieItems) {
    this.activity = activity;
    this.movieItems = movieItems;
}

@Override
public int getCount() {
    return movieItems.size();
}

@Override
public Object getItem(int location) {
    return movieItems.get(location);
}

@Override
public long getItemId(int position) {
    return position;
}

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

    if (inflater == null)
        inflater = (LayoutInflater) activity
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    if (convertView == null)
        convertView = inflater.inflate(R.layout.list_item, null);

    if (imageLoader == null)
        imageLoader = AppController.getInstance().getImageLoader();
    NetworkImageView thumbNail = (NetworkImageView) convertView
            .findViewById(R.id.thumbnail);
    final ImageView favIcon = (ImageView) convertView.findViewById(R.id.favIcon);
    TextView title = (TextView) convertView.findViewById(R.id.title);
    TextView rating = (TextView) convertView.findViewById(R.id.rating);
    TextView location = (TextView) convertView.findViewById(R.id.location);

    // getting movie data for the row
    Movie m = movieItems.get(position);

    // thumbnail image
    thumbNail.setImageUrl(m.getThumbnailUrl(), imageLoader);

    // title
    title.setText(m.getTitle());

    // rating
    rating.setText("Rating: " + String.valueOf(m.getRating()));

    // location
    location.setText("Location:" + String.valueOf(m.getLocation()));

    favIcon.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            ((ImageView)v).setImageResource(R.drawable.batdroid);
        }
    });


    return convertView;
}

}

Answer 1

我猜这是回收视图问题。您应该使用 View Holder 模式，查看this 以获得更广泛的视图。

无论如何你应该尝试这样的事情：

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

    if (convertView == null) {
        convertView = inflater.inflate(R.layout.your_layout, null);

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

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



// set for each image in yourlist
        holder.img.setOnClickListener(new OnClickListener() { 

            @Override
            public void onClick(View v) {
                ((ImageView) v).setImageResource(R.drawable.batdroid);
            }
        });


    return convertView;
}

private static class ViewHolder {
    public ImageView img;
}