RecyclerView 图片错位空白的问题

2018-08-26 00:18:04

这几天一直在研究我做的一个功能,牵扯到了recycleview,图片显示错位,空白的问题。


关于RecyclerView中ViewHolder重用机制理解(解决图片错乱和闪烁问题)

我参考了下面这个文章,写的真是好啊。


RecyclerView中ViewHolder重用机制理解(解决图片错乱和闪烁问题)


Android学习之-RecyclerView带刺的玫瑰


下面说一下我的实际理解与操作。


1.图片错位的原因是因为图片异步记载返回去展示出的问题。图片空白,是item刷新,请求图片时间上的问题。

2。viewHolder.setIsRecyclable(false); 就没有tag,不设置 就有tag,但是有没有没啥区别

设置tag,

tag只能设置只能限制并准确的实现图片展示在哪个元素上,这个类似于js的异步操作,能确定这个元素对不对。

但是并不能根据tag来判断我当前的holder以及holder下面的子元素是否已经加载了图片,因为holder等都是服用过来的,tag也复用过来了。所以这个只能确保图片不错位,但是不能保证图片快速加载图片空白的问题。

然后我又尝试用map来保存图片加载过的状态,然后加载并正确的图片item不再去刷新他,不知道为什么这样更错位了。我又用map保留了图片的宽度,不再去根据图片获得宽高,结果还是有空白时间,这个真是没办法。


homeAdapter.setHasStableIds(true);


     @Override

        public long getItemId(int position) {

            return position;

        }


我也尝试了给adapter设置这个,依然还需要重新刷新item,真不知道为啥。

return 1。 或者设置,这样倒是不刷新了,但是图片都成了一个图片。



2、tips1:如果你调用了:viewHolder.setIsRecyclable(false);那么这个Item的onViewRecycled将永远不会调用。


虽然每个holder不复用了,但是每次holder都是新的 ,所以也不会有tag。无语



总之错位能解决,空白我是没解决,就先这样吧,等看到开源的解决掉的开源工程的时候在说吧,研究了一天。

  • 2020-02-25 15:15:56

    nuxtjs全栈

    Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。 要在页面之间使用路由,我们建议使用<nuxt-link> 标签。

  • 2020-02-25 19:24:08

    IDEA 简单的正则匹配

    IDEA在进行查看或替换的时候,勾选Regex 选项就可以进行正则匹配查找了 几个简单实用的正则:

  • 2020-02-26 20:16:49

    一条简单的命令就可以将 stylus 语法转换为 scss 语法

    因为早期有个项目用到了 stylus,stylus 开发起来很爽,但 stylus 基于缩进的代码在修改的时候不是很方便,加上所在团队开发使用的都是 SCSS ,为了便于维护和统一,准备将项目中的 stylus 替换成 SCSS。手动转换 stylus 浪费时间,且出错率大,当时在想也许别人也有这样的需求呢,所以就做了这样一个项目。请各位大佬动动你们发财的小手,给我点个 star,不胜感激。^_^

  • 2020-02-27 09:01:32

    npm yarn 命令对比

    Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。就像我们可以从官方文档了解那样,它的目的是解决这些团队使用 npm 面临的少数问题.

  • 2020-02-29 20:47:34

    Nuxt 特有函数和变量

    asyncData方法使得你能够在渲染组件之前异步获取数据。该方法在服务端中执行的,所以,请求数据时,不存在跨域问题。返回的数据将与 data() 返回的数据进行合并。由于asyncData方法是在组件 初始化 前被调用的,所以在方法内是没有办法通过 this 来引用组件的实例对象。

  • 2020-03-01 19:00:46

    触发onclick事件元素的获取

    自动生成元素的onclick事件 event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素