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

时间:2015-12-25 03:54:00

标签: android image listview android-listview universal-image-loader

我有一个包含:contentString和list images的列表,它看起来像:

[{
"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中,我看到一张图片加载了内容。 (没有图像的行,但在ListView中有图像,图像与之前加载的所有图像中的1重合。)

我不知道为什么,也许是ImageLoader的缓存? 任何帮助,谢谢!

2 个答案:

答案 0 :(得分: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
    }

希望这个帮助

答案 1 :(得分:0)

要从服务器异步加载图像,您可以使用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);

那就是它。有关详细信息,请访问here