博客
关于我
ListView最终优化方法,绝对流畅
阅读量:715 次
发布时间:2019-03-21

本文共 1466 字,大约阅读时间需要 4 分钟。

ListView在Android开发中是一个常用的UI控件,但在实际应用中,由于数据量大、布局复杂、资源占用高等原因,容易导致列表滚动卡顿甚至 crash。针对这些问题,我进行了细致的优化,现将优化方法总结如下:

1. Adapter 的优化

首先,我意识到Adapter是ListView性能优化的关键。为了提升性能,我在Adapter中使用 static ViewHolder。这可以避免每次 retrieve ViewHolder 时所带来的类方法 invocation的开销,从而减少了列表渲染的时间。

ViewHolder 的优化

  • 静态 ViewHolder: 通过使用 static 关键字,确保 ViewHolder 在 Adapter 中被静态地初始化和缓存起来。这避免了每次创建.ViewHolder() 调用带来的开销。
  • 减少 findView �498 操作: ViewHolder 会存储当前显示 item 中的 View 组件,避免每次在 Adapter 的 Gibson 方法中不停地调用 convertView.findViewById(...),这可以提高渲染效率。

2. 数据的分批加载

为了避免一次性加载过多数据带来的性能瓶颈,我在 Adapter 中使用 CursorLoaderAsynclistView 进行分批数据加载。

CursorLoader 和 AsynclistView

  • 分批处理: CursorLoader 负责从数据库或网络获取分批数据,并在优雅的方式上填充 Adapter。这种方式避免了在主线程上处理大批量数据。
  • AsynclistView: 这个库可以提供更好的滚动时数据加载的控制权,可以避免 Adapter 的 getView 方法中出现长时间的阻塞。

3. 图片和文字分离操作优化

在之前的实现中,每个 item 的图片和文字场景都需要进行耗时的操作,如图片加载和 getTextWith Span-info 的设置,这些操作都对性能有很大负担。

图片加载优化

  • 使用 Glide: Glide 是一个高效的图片缓存和加载框架,可以根据需要缓存图片,并快速加载。这避免了频繁的图片加载带来的性能损失。
  • 预先加载图片: 在 Adapter 初始化的时候,会预先为每个 item 加载图片并将其存储起来。当 item 显示的时候,只需要简单地绘制就可以了。

字体加载优化

  • 提前加载字体: 将字体加载的操作放在 Activity 的 onCreate 方法中完成,并将字体文件存储起来。这确保了字体在 item 获取的时刻已经完成,避免了在每个 item 中进行耗时的操作。
  • 使用 RoboFontLIGHT: 选择更轻量izzz的字体文件,减少字体加载的时间和内存占用。

4. 开启分隔线优化

为了让 listviewmore美观和流畅,还对 item 的之间的间距进行了优化。

分隔线的计算

基于 screen height 和用户体验需求,计算每个 item 的间距。这通过动态设置 item 的高度来实现,让 listview的展示更加舒适。

5. 总结优化效果

通过以上方法,我的ListView 已经变得非常流畅。

  • 用户体验提升: 滚动时几乎无卡顿,页面刷新更快速。

  • 性能优化: 减少了主线程的操作,提升了 UI 线程的响应速度。

  • 系 统优化: 代码结构更清晰,易于维护和扩展。

这些优化方法不仅提升了列表的性能表现,还为后续的功能开发奠定了稳健的基础。

转载地址:http://ryfrz.baihongyu.com/

你可能感兴趣的文章
npm报错Failed at the node-sass@4.14.1 postinstall script
查看>>
npm报错fatal: Could not read from remote repository
查看>>
npm报错File to import not found or unreadable: @/assets/styles/global.scss.
查看>>
npm报错TypeError: this.getOptions is not a function
查看>>
npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
查看>>
npm淘宝镜像过期npm ERR! request to https://registry.npm.taobao.org/vuex failed, reason: certificate has ex
查看>>
npm版本过高问题
查看>>
npm的“--force“和“--legacy-peer-deps“参数
查看>>
npm的安装和更新---npm工作笔记002
查看>>
npm的常用操作---npm工作笔记003
查看>>
npm的常用配置项---npm工作笔记004
查看>>
npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
查看>>
npm编译报错You may need an additional loader to handle the result of these loaders
查看>>
npm设置淘宝镜像、升级等
查看>>
npm设置源地址,npm官方地址
查看>>
npm设置镜像如淘宝:http://npm.taobao.org/
查看>>
npm配置安装最新淘宝镜像,旧镜像会errror
查看>>
NPM酷库052:sax,按流解析XML
查看>>
npm错误 gyp错误 vs版本不对 msvs_version不兼容
查看>>
npm错误Error: Cannot find module ‘postcss-loader‘
查看>>