使用Universal image Loader Android在ListView中加载错误的图像

Question

我有一个包含：contentString和列表图像的列表，看起来像：

[{
"contentString": "Image",
"images": [{
    "image": "url"
}]
}, {...}]

然后我尝试将其加载到ListView中。

我的持有者：

class Holder {
    TextView Content;
    ImageView ImageButton;
    ImageLoader imageLoaderPost;
    public Holder(TextView Content, ImageView ImageButton, ImageLoader imageLoader) {            
        this.Content = Content;
        this.ImageButton = ImageButton;
        this.imageLoaderPost = imageLoader;
    }
}

ListView:中的加载视图

public View getView(final int position, View convertView, ViewGroup parent) {
View v = convertView;
final Holder holder;
if (v == null) {
    v = inflater.inflate(R.layout.activity_row, parent, false);
    TextView Content = (TextView) v.findViewById(R.id.ContentTextView);
    ImageView ImageButton = (ImageView) v.findViewById(R.id.ImageButton);
    ImageLoader imageLoaderPost = ImageLoader.getInstance();
    holder = new Holder(Content, ImageButton, imageLoaderPost);
    v.setTag(holder);
} else {
    holder = (Holder) v.getTag();
}
final HTPost post = postList.get(position);
// post content
holder.postContent.setText(post.getContentString());
//
DisplayImageOptions options = new DisplayImageOptions.Builder()
    .imageScaleType(ImageScaleType.IN_SAMPLE_POWER_OF_2)
    .considerExifParams(true)
    .resetViewBeforeLoading(true)
    .cacheOnDisk(true)
    .imageScaleType(ImageScaleType.EXACTLY)
    .bitmapConfig(Bitmap.Config.RGB_565)
    .build();
// image
if (post.getImages().size() > 0) {
    holder.imageLoaderPost.displayImage(post.getImages().get(0).getImage(), holder.postImageButton, options, new ImageLoadingListener() {@Override
        public void onLoadingStarted(String s, View view) {
        }
        @Override
        public void onLoadingFailed(String s, View view, FailReason failReason) {}
        @Override
        public void onLoadingComplete(String s, View view, Bitmap bitmap) {

        }
        @Override
        public void onLoadingCancelled(String s, View view) {}
    });
} else {
    //holder.imageLoaderPost.cancelDisplayTask(holder.postImageButton);
    log("Wrong image: " + post.getContentString());
}
return v;
}

由于行没有图像，我只加载contentString并打印：log("Wrong image: " + post.getContentString());

但在ListView中，我看到一个图像加载了Content。（没有图像但ListView中有图像的行，在之前加载的所有图像中，图像与1一致）。

我不知道为什么，也许是ImageLoader的缓存
任何帮助，谢谢！

Answer 1

您正在使用ViewHolder，因此ListView中的行将被重用，而不会重复重新创建。因此，您将在所有行中都有该图像。

简单的解决方案是将ImageView隐藏在不需要的行中

    if(your condition){
        ...
        holder.ImageButton.setVisibility(View.VISIBLE);
        ... load your image
        ...
    } else {
        log("Wrong image: " + post.getContentString());
        holder.ImageButton.setVisibility(View.INVISIBLE);  //hide your ImageView or you can load default image
    }

希望这能帮助

Answer 2

要从服务器异步加载图像，可以使用Picasso小型库。这只是一行代码。这是gradle

compile 'com.squareup.picasso:picasso:2.3.3'

这是您的ImageView

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/imageView"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true" />

以下是简单的java代码

ImageView imageView = (ImageView) findViewById(R.id.imageView);
    Picasso.with(this)
            .load("YOUR_IMAGE_URL")
            .into(imageView);

就是这样。有关更多信息，请访问此处