笔记46 | Android性能优化之优化layout的层级(一)

地址

csdn:http://blog.csdn.net/xiangyong_1521/article/details/78726960


目录

  • 前言
  • 检查 Layout
  • 修正 Layout
  • 使用 Lint

前言

一个常见的误区是,用最基础的 Layout 结构可以提高 Layout 的 性能。然而,因为程序的每个组件和 Layout 都需要经过初始化、布局和绘制的过程,如果布局嵌套导致层级过深,上面的初始化,布局和绘制操作就更加耗时。例如,使用嵌套的 LinearLayout 可能会使得 View 的层级结构过深,此外,嵌套使用了 layout_weight

参数的 LinearLayout 的计算量会尤其大,因为每个子元素都需要被测量两次。这对需要多次重复 inflate 的 Layout 尤其需要注意,比如嵌套在 ListView 或 GridView 时。

在本课中,你将学习使用

Hierarchy Viewer和Layoutopt来检查和优化 Layout。


检查 Layout

Android SDK 工具箱中有一个叫做Hierarchy Viewer的工具,能够在程序运行时分析 Layout。你可以用这个工具找到 Layout 的性能瓶颈。

Hierarchy Viewer 会让你选择设备或者模拟器上正在运行的进程,然后显示其 Layout 的树型结构。每个块上的交通灯分别代表了它在测量、布局和绘画时的性能,帮你找出瓶颈部分。

比如,下图是 ListView 中一个列表项的 Layout 。列表项里,左边放一个小位图,右边是两个层叠的文字。像这种需要被多次 inflate 的 Layout ,优化它们会有事半功倍的效果。

hierarchyviewer这个工具在 <sdk>/tools/中。当打开时,它显示一张可使用设备的列表,和它正在运行的组件。点击

Load View Hierarchy

来查看所选组件的层级。比如,下图就是前一个图中所示 Layout 的层级关系。

在上图中,你可以看到一个三层结构,其中右下角的 TextView 在布局的时候有问题。点击这个TextView可以看到每个步骤所花费的时间。

可以看到,渲染一个完整的列表项的时间就是:

  • 测量: 0.977ms
  • 布局: 0.167ms
  • 绘制: 2.717ms

修正 Layout

上面的 Layout 由于有这个嵌套的 LinearLayout 导致性能太慢,可能的解决办法是将 Layout 层级扁平化 - 变浅变宽,而不是又窄又深。RelativeaLayout 作为根节点时就可以达到目的。所以,当换成基于 RelativeLayout 的设计时,你的 Layout 变成了两层。新的 Layout 变成这样:

现在渲染列表项的时间:

  • 测量: 0.598ms
  • 布局: 0.110ms
  • 绘制: 2.146ms

可能看起来是很小的进步,但是由于它对列表中每个项都有效,这个时间要翻倍。

这个时间的主要差异是由于在 LinearLayout 中使用 layout_weight所致,因为会减慢“测量”的速度。这只是一个正确使用各种 Layout 的例子,当你使用 layout_weight时有必要慎重。


使用 Lint

大部分叫做 lint 的编程工具,都是类似于代码规范的检测工具。比如JSLint,CSSLinkt, JSONLint 等等。译者注。

运行 Lint工具来检查 Layout 可能的优化方法,是个很好的实践。Lint 已经取代了 Layoutopt 工具,它拥有更强大的功能。Lint 中包含的一些检测规则有:

  • 使用compound drawable — 用一个compound drawable 替代一个包含 ImageViewTextViewLinearLayout会更有效率。
  • 合并根 frame — 如果 FrameLayout是 Layout 的根节点,并且没有使用 padding 或者背景等,那么用 merge 标签替代他们会稍微高效些。
  • 没用的子节点 — 一个没有子节点或者背景的 Layout 应该被去掉,来获得更扁平的层级
  • 没用的父节点 — 一个节点如果没有兄弟节点,并且它不是 ScrollView或根节点,没有背景,这样的节点应该直接被子节点取代,来获得更扁平的层级
  • 太深的 Layout — Layout 的嵌套层数太深对性能有很大影响。尝试使用更扁平的 Layout ,比如 RelativeLayoutGridLayout 来提高性能。一般最多不超过10层。

另一个使用 Lint 的好处就是,它内置于 Android Studio 中。Lint 在你导编译程序时自动运行。Android Studio 中,你可以为单独的 build variant 或者所有 variant 运行 lint。

你也可以在 Android Studio 中管理检测选项,在

File > Settings > Project Settings

中。检测配置页面会显示支持的检测项目。 Lint 有自动修复、提示建议和直接跳转到问题处的功能。


原文发布于微信公众号 - 项勇(xiangy_life)

原文发表时间:2017-12-06

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏菩提树下的杨过

silverlight 相册雏型

这篇应该是"silverlight3的"伪"3D续--图片横向轮换"的后续篇章,代码基本上从上篇代码修改而来,界面则抄袭了nasa的相册,自己一直做数据库相关的...

22210
来自专栏Coco的专栏

神秘的 shadow-dom 浅析

2334
来自专栏知晓程序

一个天气小程序和他们跳过的 47 个坑,你该如何避免?

1502
来自专栏云飞学编程

Python爬虫!老司机详解爬虫,你想爬的都在这里

推荐下小编的Python学习群5421107414,不管你是小白还是大牛,小编我都欢迎,欢迎初学和进阶中的小伙伴。

942
来自专栏腾讯社交用户体验设计

[ISUX译]iOS 9人机界面指南(四):UI元素(下)- 腾讯ISUX

1343
来自专栏数据小魔方

这种自带黑科技的R包,请给我来一打

今天要介绍的这个R包,有些特别! 它即不能做可视化,也不能用来抓数据! 它的核心功能是抓拍,对,你没听错,就是抓取,和狗仔差不多! 而且专门抓拍网页,有点儿类似...

36416
来自专栏42度空间

【基础】EM 还是 REM?这是一个问题!

应用象EM 和 REM这种相对长度单位进行页面排版是WEB开发中的最佳实践。在页面排版中较好应用EM 和 REM,根据设备尺寸缩放显示元素的大小。这就使得组件在...

36413
来自专栏斜述视角

0基础学习网页制作-Css

文章来自:4月14日早,在贵州大学北校区10栋715寝室,对物理学院同学培训的内容。

751
来自专栏腾讯社交用户体验设计

SVG fallback 及可读性

1243
来自专栏QQ音乐技术团队的专栏

iOS 视图,动画渲染机制探究

终端的开发,首当其冲的就是视图、动画的渲染,切换等等。用户使用 App 时最直接的体验就是这个界面好不好看,动画炫不炫,滑动流不流畅。UI就是 App 的门面,...

3919

扫码关注云+社区