滚动列表或在新行中下载新图像时,imageView中的图像闪烁



我已经经历了许多与我类似的图像闪烁问题。我不能纠正它。作为一个初学者,我不知道该做什么。

这是我的密码。。在那里我为图像设置缩略图。

private void setThumbnail(final ContentResolver contentResolver, final ViewHolder aHolder,
        final Uri uri) {
    new AsyncTask<String, Void, Bitmap>() {
        @Override
        protected Bitmap doInBackground(String... params) {
            Bitmap result = mBitmapCache.get(uri.toString());
            if (result == null)
                return getThumbnail(contentResolver, uri);
            else
                return result;
        }
        @Override
        protected void onPostExecute(Bitmap result) {

            if (uri != null && result != null) {
                //                    Log.d(TAG, "setThumbnail result not  null");
                //                    Log.d(TAG, "uri= "+uri);
                //                    Log.d(TAG, "aHolder.mMediaUri= "+aHolder.mMediaUri);
                mBitmapCache.put(uri.toString(), result);
                // confirm the holder is still paired to this uri
                if (!uri.equals(aHolder.mMediaUri)) {
                    return;
                }
                // set the thumbnail
                 ImageLoader imageLoader=ImageLoader.getInstance();
                imageLoader.init(ImageLoaderConfiguration.createDefault(getContext()));
                DisplayImageOptions options = new DisplayImageOptions.Builder()
           //     .showImageForEmptyUri(R.drawable.ic_empty)
           //   .showImageOnFail(R.drawable.ic_error)
                .resetViewBeforeLoading(true).cacheOnDisk(true)
                .imageScaleType(ImageScaleType.EXACTLY)
                .bitmapConfig(Bitmap.Config.RGB_565).considerExifParams(true)
                .cacheInMemory(true)
                .displayer(new FadeInBitmapDisplayer(300)).build();
                imageLoader.displayImage(uri.toString(), aHolder.mMediaThumbnail, options);
               // aHolder.mMediaThumbnail.setImageBitmap(result);
            } else {
                //                    Log.d(TAG, "setThumbnail result  null");
            }
          }
       }.execute();
   }

在ListView中,视图是在需要时添加的(请参阅https://stackoverflow.com/a/14108676/2274724)。因此,当您调用notifyDataSetChange()或滚动列表时,您的项目将创建。

因此,无论何时创建视图,您的图像都将再次从缓存中加载,从而导致闪烁。有一个解决方案:

首先在后台线程中加载图像(从网络或资产),然后像u那样创建位图缓存,但如果图像存在于位图缓存中,则不使用AsyncTask直接获取图像(但这也不是一个好方法,因为它将停止闪烁,但当大小较大时,列表滚动将不平滑)。

我建议使用UniversalImageLoader。他们以更好的方式实现了内存缓存。

private void setThumbnail(final ContentResolver contentResolver, final ViewHolder aHolder,
        final Uri uri) {
ImageLoader.getInstance().displayImage(
                            uri.toString(),
                            aHolder.mMediaThumbnail, getDisplayOption());
}
// Add or remove option according to your requirement
private DisplayImageOptions getDisplayOption() {
        return new DisplayImageOptions.Builder()
                .showImageForEmptyUri(R.drawable.ic_launcher)
                .showImageOnLoading(R.drawable.ic_launcher)
                .showImageOnFail(R.drawable.ic_launcher).cacheInMemory(true)
                .cacheOnDisk(true).resetViewBeforeLoading(true)
                .displayer(new RoundedBitmapDisplayer(22))
                .imageScaleType(ImageScaleType.IN_SAMPLE_INT)
                .bitmapConfig(Bitmap.Config.RGB_565).build();
    }
//Put it in your Application file and call it just once.
private void initImageLoader() {
        ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(
                getApplicationContext())
                .threadPriority(Thread.NORM_PRIORITY - 2)
                .denyCacheImageMultipleSizesInMemory()
                .diskCacheFileNameGenerator(new Md5FileNameGenerator())
                .tasksProcessingOrder(QueueProcessingType.LIFO)
                .defaultDisplayImageOptions(getDisplayOption()).build();
        // Initialize ImageLoader with configuration.
        ImageLoader.getInstance().init(config);
    }

在我使用之前

  • 资产管理器
  • InputStream
  • 位图工厂
  • 所有这些都是为了获得位图
  • 最后使用imageView.setImageBitmap(bitmap)

如今,我们有一些库可以帮助加载和缓存图像。

我用Picasso从网上加载图片。

但毕加索也有资产!

下面是一个Kotlin示例:

val picassoPrefix = "file:///android_asset"
Picasso.get().load("$picassoPrefix/$assetsPath/$fileName")
    .placeholder(R.mipmap.ic_launcher_round)
    .into(imageView)

注:

  • 我们也可以使用fetch方法进行预加载
  • 在我的情况下,我认为没有必要,因为占位符是第一次显示的,接下来的几次,图像都会立即显示,不会闪烁

最新更新