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