当前位置: 代码迷 >> Android >> Android 拔高显示布局文件的性能[Lesson 1 - 优化布局层级]
  详细解决方案

Android 拔高显示布局文件的性能[Lesson 1 - 优化布局层级]

热度:110   发布时间:2016-05-01 20:20:32.0
Android 提高显示布局文件的性能[Lesson 1 - 优化布局层级]

?

Optimizing Layout Hierarchies [优化Layout层级]

  • Layout是Android程序影响用户体验最关键的一部分。如果布局文件不好会使得程序比较卡。SDK里面包含了一些工具用来帮助我们发现布局文件的性能问题
  • 这里有一个共同的误区:使用基本的Layout结构是最有效的。但是,每一个添加到系统的组件都需要初始化,进行布局,绘制的过程。比如,使用在LinearLayout里面使用子组件会导致一个过于deep的层级结构。而且内嵌使用包含layout_weight属性的LinearLayout会在绘制时花费昂贵的系统资源,因为每一个子组件都需要被测量两次。在使用ListView与GridView的时候,这个问题显的尤其重要,因为子组件会重复被创建


这一课我们会学习使用Hierarchy Viewer andLint 来检查并最优化布局文件。

Inspect Your Layout[查看Layout]

?

Android SDK里面包含了一个叫做Hierarchy Viewer的工具,在程序运行的时候分析布局文件,从而找住性能瓶颈

?

连接上设备,打开Hierarchy Viewer(定位到tools/目录下,直接执行hierarchyviewer的命令,选定需要查看的Process,再点击Load View Hierarchy会显示出当前界面的布局Tree。在每个模块的Traffic light上有三个灯,分别代表了Measure, Layout and Draw三个步骤的性能。


Figure 1.?ListView每个Item的常见布局.


Figure 2.?上面显示了对应与图片1的布局层级信息.可以看到中间LinearLayout的Measure的灯是红色的,这就是因为上面说到的:使用内嵌layout_weight的属性的LinearLayout会导致测量时花费了双倍的时间。


Figure 3.?点击某个模块会显示具体每个步骤所花费的时间。

Revise Your Layout [修改你的Layout]


【使得Layout宽而浅,而不是窄而深(在Hierarchy Viewer的Tree视图里面体现)】

上面的布局我们可以使用RelativeLayout来替代LinearLayout,从而实现shallow and wide.


Figure 4.?改用RelativeLayout来实现图片1的布局。

可以看到这是一个小的优化,可是这带来的效果是明显的,因为在ListView里面会出现很多这样的布局。

导致前面的case会出现花费时间比较多的愿意是使用了layout_weight在LinearLayout。我们需要仔细评估到底是否需要使用那样的

布局,尽量避免使用layout_weight。

Use Lint [使用Lint]

Lint是一款在ADT 16才出现用来替代layoutopt的新型工具,具有更强大的功能。


Lint的使用规则如下:

  • Use?compound?drawables?- A?LinearLayout?which contains an?ImageView?and a?TextView?can be more?efficiently?handled as a compound?drawable.
  • 【使用compound drawables - 一个包含了ImageView与TextView的LinearLayout可以被当作一个compound drawable来处理】
  • Merge?root?frame?- If a?FrameLayout?is the root of a layout and does not provide background or padding etc, it can be replaced with a merge tag which is slightly more efficient.
  • 【使用merge根框架 - 如果FramLayout仅仅是一个纯粹的(没有设置背景,间距等)布局根元素,我们可以使用merge标签来当作根标签】
  • Useless leaf?- A layout that has no children or no background can often be removed (since it is?invisible) for a flatter and more efficient layout hierarchy.
  • 【无用的分支 - 如果一个layout并没有任何子组件,那么可以被移除,这样可以提高效率】
  • Useless parent?- A layout with children that has no?siblings, is not a?ScrollView?or a root?layout, and does not have a background, can be removed and have its children moved directly into the parent for a flatter and more?efficient?layout?hierarchy.
  • 【无用的父控件 - 如果一个layout只有子控件,没有兄弟控件,并且不是一个ScrollView或者根节点,而且没有设置背景,那么我们可以移除这个父控件,直接把子控件提升为父控件】
  • Deep layouts?- Layouts with too much nesting are bad for performance. Consider using flatter layouts such as?RelativeLayout?or?GridLayout?to improve performance. The default maximum depth is 10.
  • 【深层次的layout - 尽量减少内嵌的层级,考虑使用更多平级的组件?RelativeLayout?or?GridLayout来提升布局性能,默认最大的深度是10


?


Eclipse会自动运行Lint的工具,并给出相应的提醒,不管是在导出APK,编辑,保存XML还是在使用layout编辑器的时候。如果想

强制运行,请参看上面的图标,点击运行

如果没有安装ADT 16,需要在命令行中执行。

?

  相关解决方案