GridView
サーバーからいくつかの行の画像を表示するために を使用しています。非同期の画像読み込みには、新しいネットワーク ライブラリVolley を使用します。
最初は画像の読み込みは正常に機能しますが、上下にスクロールするとすぐに、画像が間違ったグリッド セル内にランダムに表示されます。ただし、TextView
コンテンツは常に正しく表示されます。
私のアダプターコード:
class BadgeGalleryAdapter extends BaseAdapter {
private LayoutInflater mInflater;
private ImageLoader mImageLoader;
// Constructor
public BadgeGalleryAdapter(Context c) {
mInflater = (LayoutInflater) c
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
mImageLoader = ImageCacheManager.getInstance().getImageLoader();
}
@Override
public int getCount() {
return mBadgeList.size();
}
@Override
public Object getItem(int position) {
return mBadgeList.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder;
// Use ViewHolder pattern to only inflate once
if (convertView == null) {
convertView = mInflater.inflate(R.layout.user_badge_grid_item,
parent, false);
viewHolder = new ViewHolder();
viewHolder.badgeImage = (ImageView) convertView
.findViewById(R.id.grid_badge_image);
viewHolder.badgeName = (TextView) convertView
.findViewById(R.id.grid_badge_name);
convertView.setTag(viewHolder);
} else {
viewHolder = (ViewHolder) convertView.getTag();
}
Badge badge = (Badge) getItem(position);
if (badge != null) {
//using Volley ImageLoader
mImageLoader.get(badge.imageUrl, ImageLoader
.getImageListener(viewHolder.badgeImage, 0, 0));
viewHolder.badgeName.setText(badge.name);
}
return convertView;
}
}
static class ViewHolder {
ImageView badgeImage;
TextView badgeName;
}