Recycler View在滚动上随机播放图像

时间:2016-07-25 10:46:19

标签: android android-recyclerview

我有一个回收站视图,它正在使用Universal Image Loader填充。

@Override
public MasonryView onCreateViewHolder(ViewGroup parent, int viewType) {
    View layoutView = LayoutInflater.from(parent.getContext()).inflate(R.layout.grid_item, parent, false);
    MasonryView masonryView = new MasonryView(layoutView);
    //layoutView.setOnClickListener(new MyOnClickListener());
    //imageLoader.destroy();
    imageLoader.init(ImageLoaderConfiguration.createDefault(context));
    options = new DisplayImageOptions.Builder()
            .cacheInMemory(true)
            .resetViewBeforeLoading(true)
            .cacheOnDisk(true)
            .considerExifParams(false)
            .bitmapConfig(Bitmap.Config.RGB_565)
            .build();

    return masonryView;
}

@Override
public void onBindViewHolder(final MasonryView holder, int position) {

    imageLoader
            .displayImage(IMAGE_URLS[position], holder.imageView, options, new SimpleImageLoadingListener() {
                @Override
                public void onLoadingStarted(String imageUri, View view) {
                    holder.donut_progress.setVisibility(View.VISIBLE);
                    holder.donut_progress.setProgress(0);
                }

                @Override
                public void onLoadingFailed(String imageUri, View view, FailReason failReason) {

                    holder.onLoadImage.setVisibility(View.GONE);
                }

                @Override
                public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {
                    holder.onLoadImage.setVisibility(View.GONE);
                    holder.donut_progress.setVisibility(View.GONE);
                }
            }, new ImageLoadingProgressListener() {
                @Override
                public void onProgressUpdate(String imageUri, View view, int current, int total) {
                    holder.donut_progress.setProgress(Math.round(100.0f * current / total));
                }
            });


}

正如您所看到的那样,在CreateView中定义了imageloader和DisplayOptions。

图像显示成功,但在滚动图像时,图像会随机播放。

以下是我的custom_recycler_grid_item

的xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:custom="http://schemas.android.com/apk/res-auto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#00000000"
android:orientation="vertical">

    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"/>
    !-- android:scaleType="centerCrop" --!


    <ImageView
        android:id="@+id/onLoadImage"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/camera_cross"
        android:layout_marginLeft="50dp"
        android:layout_marginTop="50dp"
        android:visibility="gone"/>

    <progressIndicators.DonutProgress
        android:layout_marginLeft="50dp"
        android:layout_marginTop="50dp"
        android:id="@+id/donut_progress"
        android:layout_width="50dp"
        android:layout_height="50dp"
        custom:donut_unfinished_stroke_width="1dp"
        custom:donut_finished_stroke_width="1dp"
        custom:donut_progress="50"/>

</FrameLayout>

My Main Fragment,具有recyclerView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.v7.widget.RecyclerView
    android:id="@+id/masonry_grid"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="0.1"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />


</LinearLayout>

然而,我也设定了         adapter.setHasStableIds(真);

4 个答案:

答案 0 :(得分:2)

我完全解决了这个问题。

问题在于我的RecyclerWidget高度和宽度。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.v7.widget.RecyclerView
    android:id="@+id/masonry_grid"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="0.1"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />


</LinearLayout>

我必须设置我的高度和宽度来包装内容。

答案 1 :(得分:0)

通用映像加载器异步任务操作。在Universal图像加载器中,他们使用了OkHTTP客户端服务器操作。这就是你的图像被洗牌的原因。尝试使用Glide加载图片,这是更好的方法。并且还要看一下这个例子here

加载图片的简单方便快捷的方式。 。Glide.with(itemView.getContext())的负载(Datas.getRequestURL())centerCrop()代入(mStaticMap);

答案 2 :(得分:0)

显示占位符,直到原始图像加载,我的情况也出现同样的问题,所以我遵循这种方法。

在Launcher(First)活动中执行此操作

//自定义显示选项

    DisplayImageOptions options = new DisplayImageOptions.Builder()
        .showImageOnFail(R.drawable.placeholder_steve)
        .showImageForEmptyUri(R.drawable.placeholder_steve)
        .showImageOnLoading(R.drawable.placeholder_steve)
        .bitmapConfig(Bitmap.Config.RGB_565)
        .considerExifParams(true)
        .cacheInMemory(true)
        .cacheOnDisk(true)
        .build(); 

// configure

    ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(getApplicationContext())
        .defaultDisplayImageOptions(options)
      /*.diskCache(lruDiskCache)*/
        .build();
ImageLoader.getInstance().init(config);

答案 3 :(得分:0)

问题在于

  

holder.onLoadImage.setVisibility(View.GONE);

您必须谨慎设置可见性,然后使其可见。最后,它是相同的视图保持器,其可见度被显示并且未示出。如果你确定

  

holder.onLoadImage.setVisibility(View.VISIBLE)

在onBindHolder()的开头。你应该没问题