RecyclerView 刷新闪烁

2019-05-21 12:37:34

参考地址 https://www.jianshu.com/p/4a2b18135447   这个没试过,不知道有没有用

前言

最近做项目,使用 RecycleView + SwipeRefreshLayout 刷新时,列表总是闪烁。

1、为什么会闪烁?
闪烁是 notifyDataSetChange 造成的。由于适配器不知道整个数据集中的哪些内容已经存在,在重新匹配 ViewHolder 时发生的。

当然,遇到这个问题时有去搜索一些答案,看到的很多都是去禁止 RecycleView 的默认动画,可惜这对我没什么用。下面的方法是对我有用的。

2、设置 setHasStableIds

下面给大家介绍一个方法 setHasStableIds

        /**
         * Indicates whether each item in the data set can be represented with a unique identifier
         * of type {@link java.lang.Long}.
         *
         * @param hasStableIds Whether items in data set have unique identifiers or not.
         * @see #hasStableIds()
         * @see #getItemId(int)
         */
        public void setHasStableIds(boolean hasStableIds) {            if (hasObservers()) {                throw new IllegalStateException("Cannot change whether this adapter has "
                        + "stable IDs while the adapter has registered observers.");
            }
            mHasStableIds = hasStableIds;
        }

long 类型的标识可以表示数据集中的每个项目。

DemoAdapter  mAdapter=new DemoAdapter();
mAdapter.setHasStablesId(true);

设置了这个属性后,我们必须给每个 Item 设置唯一的 ID。

3、重写 getItemId

在 Adapter 类中重写该方法来给每个 Item 一个唯一的ID。

@Overridepublic long getItemId(int position){    return items.get(position).getId();
}

这样写完之后闪烁就不再发生了。

getId() 只是我的一个方法,如果您没有一个类似 id 的唯一值,则可以使用字符串上的 hashCode() 来获取唯一值。结果也是一样的。



  • 2020-02-20 18:35:21

    Vue加载组件、动态加载组件的几种方式

    组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。

  • 2020-02-22 13:58:50

    深入理解 requestAnimationFrame

    在Web应用中,实现动画效果的方法比较多,Javascript 中可以通过定时器 setTimeout 来实现,css3 可以使用 transition 和 animation 来实现,html5 中的 canvas 也可以实现。除此之外,html5 还提供一个专门用于请求动画的API,那就是 requestAnimationFrame,顾名思义就是请求动画帧。 为了深入理解 requestAnimationFrame 背后的原理,我们首先需要了解一下与之相关的几个概念:

  • 2020-02-22 17:35:14

    使用tweenjs写一个发牌的demo

    移动端h5的三大抽奖方式:转盘,老虎机,翻纸牌。 前两样demo比较多,用户也审美疲劳了。这次微信公众号要抽奖,于是调研了下翻纸牌。