RecyclerView 的核心知识（干货~~）

最新推荐文章于 2021-02-24 15:42:39 发布
最新推荐文章于 2021-02-24 15:42:39 发布
阅读量250 收藏 1
点赞数 1
分类专栏： IT android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37558974/article/details/84558017
版权
android 同时被 2 个专栏收录
43 篇文章 0 订阅
订阅专栏
IT
19 篇文章 0 订阅
订阅专栏

RecyclerView 的核心知识

说道 RecyclerView 就不得不想起他的 前辈listView，RecyclerView 的 出现解决了ListView的一些问题。下面就说一下二者在缓存上面的区别。

ListView 的缓存

它分为两层缓存

1 Active View （在屏幕内部，可视部分的缓存）

2 Scrap View （滑出屏幕部分，不可见部分的缓存）

RecycleBean 会先去 1 里面找，没有的话就会去2里面找，还没有的话，就会在getView的 ContentView中返回null，此时就需要开发者自己去创建 View了 并且去findviewbyid（）了。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-78CHkKXq-1599029966398)(https://i.imgur.com/0M17an0.png)]

下图更清楚的说明了 两种的缓存作用的位置。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KceEmjaO-1599029966400)(https://i.imgur.com/UawH6F1.png)]

RecyclerView 的缓存

图中已经做了标注解释

ps：这里的 Scrap 相当于 ListView 的可视部分缓存
    在 1，2中 都是通过position 去找缓存了，都是干净的数据可以拿来直接用。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pWdlatSt-1599029966402)(https://i.imgur.com/27bYwGC.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pNdEyBa5-1599029966403)(https://i.imgur.com/px6BWtw.png)]

列表中 item / 广告的 impression 统计

  • ListView 可以通过 getView 准确的知道 广告浏览次数。（因为ListView的item 从不可见到可见，肯定是调用getView）

  • RecyclerView 通过 onBindViewHolder()统计会有问题！（自身的缓存机制，会不走 onBindViewHolder()方法）。

  • 要通过 onViewAttachedToWindow（）方法统计 （每次进入屏幕都会调用这个方法）。

你可能不知道的 RecyclerView 性能优化策略

1 设置点击事件优化

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7iRYTYkM-1599029966404)(https://i.imgur.com/OEYrJ8Z.png)]

我们通常会将 item中 view的点击事件设置在 onBindViewHodler（）方法中，带式这样做会导致我么每次刷新的时候都会 new View.onClicklestener,浪费了性能。所以写在onCreateViewHolder（）中比较好

2 LinearLayoutManager.setlnitialPrefetchltemCount() “横向滑动时候的预加载个数” 详情看下图

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-r901AacQ-1599029966404)(https://i.imgur.com/7okr48y.png)]

3 RecyclerView.setHasFixedSize();

设置为true的时，在内容发生改变时，会走layoutChildren()局部更新，requestLayout() 是全部更新—能省点是点，

4 RecycledViewPool 共用。

上面提到 RecycledViewPool 会根据viewType缓存，那么如果我的几个RV 同时可能都用到一些相同的 viewType布局 ，那么就可以共用一个RecyclerViewPool，下面是代码例子（非实际情况）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gkcfEPe1-1599029966404)(https://i.imgur.com/bzslJkH.png)]

具体场景一个TabLayout 有多个标题 每个标题对应一个 Rv

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mUsqRPEU-1599029966404)(https://i.imgur.com/xmvnNpH.png)]

DiffUtil （稍难） 计算一个集合更新到另一个集合的最小变化。

使用它的原因

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qKoc8QLO-1599029966405)(https://i.imgur.com/roMYsJu.png)]

先看一下 DiffUtil.Callback抽象类，他有5个方法

ps：它是给系统用的Callback，我需要在这5个方法中做计算，然后系统会根据这5个方法做 “动态规划”（算法的一种）。

  • getOldListSize () 旧集合
  • getNewListSize () 新集合
  • areItemsTheSame() 判断是不是一个对象（并不是对比内存地址，而是对比关键参数，比如 User的 身份证号。。。）
  • areContentSTheSame() 在上一个方法返回 true时 去对比User内部的成员 是否一致。
  • getChangePayload 在上一个方法返回false是，说明有变化，那么就把变化的部分存起来。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XKZCitAK-1599029966406)(https://i.imgur.com/iPmpXLJ.png)]

具体代码
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pLZg5UPn-1599029966406)(https://i.imgur.com/asGwTlc.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ih258qge-1599029966406)(https://i.imgur.com/XpL8gDY.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dM1UJxwp-1599029966407)(https://i.imgur.com/fUidKM3.png)]

图中的this，传adapter的引用就好了
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mLKEcRrz-1599029966407)(https://i.imgur.com/8juJ60U.png)]

当我们使用diff的时候就要重载 onBindViewHodler 三个参数的方法 用到里面的payloads参数

这样就完成了增量更新

用三种方法讲diff的计算去异步进行
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ER92BaVN-1599029966408)(https://i.imgur.com/ICWiAV0.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7RbBERPg-1599029966408)(https://i.imgur.com/z1cRPmY.png)]

ItemDecoration 做分隔线太麻烦？

  • 1 想要将 Divider 画在item外边，需要offset 做偏移，就调用onDraw() 方法；
  • 2 想要将 Divider 画在item里边 ，就调用 onDrawOver()方法;

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8GO1RtZq-1599029966408)(https://i.imgur.com/W53LHAp.png)]

ItemDecoration 还能干什么？
  • 1 分隔线
  • 2 高亮
  • 3 分组

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7O3MvD8R-1599029966409)(https://i.imgur.com/8QIIWhH.png)]

高亮

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FDF2Td14-1599029966409)(https://i.imgur.com/cPvLS66.png)]

ItemDecoration 是可以做效果叠加的 扩展性做的很好 所以可以做各种各样的效果 装饰！~

//因为这里是 add 而不是 set
DividerItemDecoration decoration = new DividerItemDecoration(getApplicationContext(), VERTICAL);

recyclerView.addItemDecoration(decoration);

###Recycler的更多知识请关注
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vzlWADOB-1599029966410)(https://i.imgur.com/eziAxRC.png)]

就先到这里，后面会分享更多的 Android 开发内容 感谢浏览！！

翻滚吧章鱼
关注
专栏目录
知识总结------RecyclerView
TigerChen
09-09 260
RecyclerView的使用： 1、在Activity中获取RecyclerView，并设置LayoutManager以及Adapter： 这里LayoutManager是RecyclerView的布局管理器，用以实现Item不同布局排列方式，RecyclerView必须调用setLayoutManager设置布局管理器。RecyclerView中默认带有三个布局管理器：Linea...
【腾讯Bugly干货分享】Android ListView与RecyclerView对比浅析--缓存机制
腾讯Bugly的专栏
10-31 9108
秉承着实事求是的作风，弄清楚RecyclerView是否有足够的吸引力替换掉ListView，我从性能这一角度出发，研究RecyclerView和ListView二者的缓存机制，并得到了一些较有益的"结论"，待我慢慢道来。 同时也希望能通过本文，让大家快速了解RecyclerView与ListView在缓存机制上的一些区别，在使用上也更加得心应手吧。
Android RecyclerView 使用完全解析 体验艺术般的控件
weixin_30390075的博客
04-16 2571
转载请标明出处： http://blog.csdn.net/lmj623565791/article/details/45059587； 本文出自:【张鸿洋的博客】 概述 RecyclerView出现已经有一段时间了，相信大家肯定不陌生了，大家可以通过导入support-v7对其进行使用。 据官方的介绍，该控件用于在有限的窗口中展示大量数据集，其实...
Android之RecyclerView核心要点解析
SenchunHuang的博客
03-25 375
1 RecyclerView的ViewHolder RecyclerView是我们在开发中经常会用到的控件，也是面试中经常会问到。RecyclerView相对ListView在用法上，最明显的一点就是它会强制我们使用ViewHolder。那么，ViewHolder到底是什么呢，它和我们常说的复用有没有关系呢。 其实，ViewHolder和复用是没有关系的。在ListView中，我们是把find...
RecyclerView初探
菠萝菠萝派的点滴积累
02-21 5670
原文地址：http://www.grokkingandroid.com/first-glance-androids-recyclerview/ RecyclerView是去年谷歌I/O大会上随Android L预览一起发布的，接下来的几篇译文将会从各个方面对RecyclerView做一个全面的介绍：本文示例代码项目地址：https://github.com/writtmeyer/recyclerv
RecyclerView
weixin_43400733的博客
12-26 139
添加依赖 implementation 'androidx.appcompat:appcompat:1.2.0' implementation 'com.google.android.material:material:1.2.1' implementation 'androidx.constraintlayout:constraintlayout:2.0.4' implementation 'androidx.recyclerview:recyclerview:1.1.0'
安卓app开发架构！让你明明白白的使用RecyclerView，满满干货指导
fanzhang_vip0723的博客
02-24 174
前言 准备面试其实已经准备了挺久了,当时打算面试准备了差不多以后,跟公司谈谈涨薪的事情,谈不拢的话,就年后直接找其他的公司。谁想到婚假还没休完,老板就在公司宣布了撤出上海的决定,愿意去深圳的就去,不愿意的就自己找工作,给了一个多月的时间找工作,就没有赔偿了,反正公司也没钱。悲哀…. 幸好提前准备过,不过都是断断续续的今天看点这个,明天看点那个,三天打鱼两天晒网的,也没用心去准备.这下好了,直接到了最差的地步了,没办法,用心准备吧。 JNI 简介 JNI （Java Native Interface英文缩写）
抽丝剥茧RecyclerView - LayoutManager
weixin_45365889的博客
08-26 273
前言 抽丝剥茧RecyclerView系列文章的目的在于帮助Android开发者提高对RecyclerView的认知，本文是整个系列的第二篇。 LayoutManager是RecyclerView中的重要一环，使用LayoutManager就跟玩捏脸蛋的游戏一样，即使好看的五官(好看的子View)都具备了，也不一定能捏出漂亮的脸蛋，好在RecyclerView为我们提供了默认的模板：Linea...
阿里面试官：关于RecyclerView做下分享
weixin_48012619的博客
07-06 403
之前看到个来面试阿里的小伙伴在自己的个人能力中写到： 更多面试内容，技术干货，技术交流： star一下我的GitHub 熟悉Java的多线程编程，熟悉Android下线程与线程，进程与进程间的通信机制，熟悉Android机型的适配、UI布局优 化等，能独立开发Android应用； 熟悉自定义控件，对ViewGroup 底层测量，绘制，渲染有深刻的了解，并且自己借鉴了RecyclerView的回收思想，设 计了表格控件 熟悉Framework层API，了解Handler，Messag
使用kotlin完成干货集中营APP，可使用此APP实时浏览各种干货.zip
09-24
在KotlinGank项目中，我们可以期待看到以下核心知识点： 1. **Kotlin基础语法**：包括类、对象、函数、扩展、空安全、协程等Kotlin的特色特性。 2. **Android开发**：如Activity、Fragment、Intent、ViewModel、...
Android 2-10 RecyclerView
Hello World
02-27 816
RecyclerView 本文章转载自https://www.jianshu.com/p/b4bb52cdbeb7 文章目录RecyclerView添加RecyclerView 依赖库修改 activity_main.xml新建 Fruit.java新建 fruit_item.xml新增适配器 FruitAdapter修改MainActivity.java修改RecyclerView 显示效果...
ConstraintLayout—新特性
章鱼哥的博客
03-29 3226
ConstraintLayout 新特性 1 基线对其 layout_constraintBaseline_toBaselineOf <TextView android:id="@+id/btn1" android:text="按钮1" android:textSize="26sp"/> <TextView android:id="@+id/b...
使用vue加svg实现流程图代码_绝对干货~！学会这些Vue小技巧，可以早点下班和女神约会了...
最新发布
06-13
好的，这是一个使用Vue和SVG实现流程图的示例代码： ```html <template> <div> <svg :width="width" :height="height"> <template v-for="(node, index) in nodes"> <line :x1="node.x" :y1="node.y" :x2="node.x2" :y2="node.y2" stroke="#333" stroke-width="2" /> <circle :cx="node.x2" :cy="node.y2" :r="node.r" fill="#333" /> <text :x="node.x2" :y="node.y2" font-size="16" fill="#fff" text-anchor="middle" dominant-baseline="middle">{{index}}</text> </template> </svg> </div> </template> <script> export default { data() { return { width: 500, height: 500, nodes: [ { x: 100, y: 100, x2: 200, y2: 100, r: 20 }, { x: 100, y: 200, x2: 200, y2: 200, r: 20 }, { x: 100, y: 300, x2: 200, y2: 300, r: 20 }, { x: 300, y: 150, x2: 400, y2: 100, r: 20 }, { x: 300, y: 250, x2: 400, y2: 200, r: 20 }, { x: 300, y: 350, x2: 400, y2: 300, r: 20 } ] } } } </script> ``` 这个示例代码中，我们使用了SVG的`line`，`circle`和`text`元素，来绘制流程图中的节点和连线。其中，`nodes`数组中存储了每个节点的坐标、连线的终点坐标和节点的半径等信息。 通过这个示例，你可以了解到如何在Vue中使用SVG来实现流程图。如果你想要更进一步地学习SVG的使用，可以查看SVG的官方文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值