搜索
您的当前位置:首页正文

Improving Layout Performance

来源:二三娱乐

Layouts are a key part of Android applications that directly affect the user experience.And they are so important,so we should pay more attention to Layout design.


menu

  • 优化布局层次//
  • 使用<include/>标签重用布局//

优化布局层次:

  • View渲染的流程:初始化-测量-布局-绘制
  • 尽量不要使用LinearLayout的嵌套,因为耗时更多
  • 使用LinearLayout的layout_weight的属性的时候,需要谨慎,因为使用它的代价很昂贵,嵌套在里面的子布局都会测量两次。
  • IDE的这个工具可以帮我们分析布局的层次。位于<sdk>/tools/文件夹下。
  • 可以使用RelativeLayout来优化布局,减少布局的层次结构,减少布局的绘制时间,加快程序的反应。
    比如:ListView的Item的例子:
Item_view.png
  • 这是一个ListView的Item。
  • 若使用嵌套的LinearLayout来实现此布局,则其层次结构为:三个层次的布局嵌套
LinearLayout_view.png
  • 点击Item渲染所需时间为:
  • Measure: 0.977ms
  • Layout: 0.167ms
  • Draw: 2.717ms
Paste_Image.png
  • 而使用RelativeLayout优化布局后:其层次结构减少为2层,渲染所用时间也减少为
    Measure: 0.598ms
    Layout: 0.110ms
    Draw: 2.146ms
    Paste_Image.png

关于布局的结论

  • 尽量不要使用LinearLayout的嵌套
  • 尽量不要使用LinearLayout的layout_weight属性
  • 多使用RelativeLayout,能大大减少渲染所需要的时间

重用布局

  • 为了有效的重复使用完整的布局,我们可以使用<inlcue>和<merge>标签来把一个布局文件嵌入另外一个布局文件

使用<inluce/>标签
<pre>
<include android:id="@+id/news_title"
android:layout_width="match_parent"
android:layout_height="match_parent"
layout="@layout/title"/>//这是被复用的布局,在你自己开发中,替换为自己想复用的布局
</pre>
注意

  • 一般我们之间使用<inlude layout="@layout/title" /> 就可以完成布局的复用
  • 在include标签中所有的android:layout_*都是有效的,前提是必须要写layout_width和layout_height两个属性。
  • 可以使用其他属性。<include />标签若指定了ID属性,而你的layout也定义了ID,则你的layout的ID会被覆盖

使用<merge/>标签

  • 使用merge标签,可以减少冗余的viewGroup而优化布局。
  • 为了避免这种包括冗余视图组,可以改为使用<merge/>元素作为可重复使用的布局根视图。
  • <merge/>标签只能用作XML布局和根标签

参考文档:

Top