Android性能优化之布局优化
不合理的布局会使我们应用程序UI性能变慢,客户体检会比较差。今天分享一些layout布局文件中的一些技巧,希望对大家写出高质量的布局文件能有一些帮助。
在开始之前先介绍一个能帮助我们优化布局的一个工具。Hierarchy Viewer工具,提供了一个可视化界面显示布局的层次结构、以及查看每个界面measure,layout,draw所耗费的时间。给我们优化界面布局结构提供了一个很好的参考。
一、ViewGroup的选择 所有的View都需要放在ViewGroup里面的显示。有的时候相同的布局LinearLayout、RelativeLayout,FrameLayout,TableLayout,AbsoluteLayout里面的某几种能实现。这个时候咱们应该选用那个ViewGroup呢。
ViewGroup的选择有下面几点
- 【Android性能优化之布局优化】同样的布局,层级深度小的一般优于层级深度高的。(当然这也不是绝对的)
- 同样的布局,在不影响层级深度的情况下,使用LinearLayout和FrameLayout而不是RelativeLayout。(RelativeLayout会让子View调用两次onMeasure,LinearLayout一般会调用子View一次onMeasure,但是在有weight的时候,也会调用子View两次onMeasure)
- RelativeLayout子View尽量使用padding代替margin。
RelativeLayout会让子View调用两次onMeasure,LinearLayout一般会调用子View一次onMeasure,但是在有weight的时候,也会调用子View两次onMeasure。下面我们通过Hierarchy Viewer工具来对比下实现相同的布局,LinearLayout和RelativeLayout 测量耗时的对比。我们用LinearLayout和RelativeLayout来一个非常简单的布局上下两个button的布局。看下耗时的对比。
LinearLayout 实现布局
文章图片
线性布局.png
RelativeLayout 实现布局界面的显示时间,我们只需要关注Measure的时间(Layout和Draw时间相差不到我们认为是一样的)。相同的界面,哪个Measure时间端,性能就更好。实现相同的效果,Hierarchy Viewer显示LinearLayout Measure时间 0.019 ms
文章图片
相对布局.png
我们先写一个layout_title.xml的xml文件用来做所有界面统一的标题。
Activity对应的布局文件
三、merge merge标签主要用于删除多余的层级避免嵌套过多无用的布局,减少布局的深度。
用一个非常简单的布局来说明merge标签的使用。就在界面上显示一个TextView。
这里我们用Layout Inspector工具来替换Hierarchy Viewer 来查看页面布局的层级结构。Layout Inspector工具是Android Studio 替代 Hierarchy Viewer 的新方案
ViewGroup是FrameLayout,然后再里面放TextView
文章图片
不使用merge的层级结构.png
merge标签,然后再里面放TextView
文章图片
使用merge的层级结构.png 前后对比,发现使用merge的时候层级确实少了一层(少了FrameLayout)。
3.1、merge使用场景 3.1.1、Activity layout文件的根视图是FrameLayout的时候
因为我们在Activity中setContentView()的content对应的就是一个FrameLayout。所以当我们布局文件的根视图也是FrameLayout的时候完全可以使用merge标签来减少一层FrameLayout结构。
3.1.2、merge标签配合自定义组合布局ViewGroup的使用
自定义组合控件ViewGroup的时候,可以使用merge来减少一层ViewGroup。比如自定义继承LinearLayout的组合控件,建议让自定义View的layout布局文件根节点设置成merge。
3.1.3、merge标签配合include标签使用
include标签使用的时候要注意merge标签的使用。可能某些情况下merge标签可以派上用场。接下来我们来改造一下文章前面include标签的实例。layout_title.xml文件我们完全可以使用merge标签来减少RelativeLayout的层级。
并不是说include标签使用的时候都可以用merge标签来优化布局哦。也是要根据实际情况来确定的。3.2、merge使用的时候有几点是要特别注意的
- merge必须放在布局文件的根节点上。
- merge并不是一个ViewGroup,也不是一个View,它相当于声明了一些视图,等待被添加。
- merge标签被添加到A容器下,那么merge下的所有视图将被添加到A容器下。
- 因为merge不是View,所以对merge标签设置的所有属性都是无效的。
ViewStub新增的属性
- android:layout:设置ViewStub被inflate的布局控件。ViewStub的内容布局。
- android:inflateId:重写ViewStub的父布局控件的Id。
用一个简单的实例俩说明下ViewStub的使用。简单的实现点击"显示空数据"按钮,就会显示ViewStub对应的布局。
activity_text.xml Activity布局文件
view_stub_empty.xml ViewStub内容文件
Activity
public class TextActivity extends AppCompatActivity {private ViewStub mViewStubEmpty;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_text);
mViewStubEmpty = findViewById(R.id.view_stub_empty);
}public void showEmpty(View view) {
mViewStubEmpty.inflate();
}
}
ViewStub inflate()函数只能调用一次,重复调用会导致异常,这是因为ViewStub只要加载过一次,其自身就会被移除,把并自身所包含的内容全部传给父布局。
ViewStub所替代的layout文件中不能使用merge标签。以上就是对布局优化做了一个比较简单的总结。
推荐阅读
- android第三方框架(五)ButterKnife
- Android中的AES加密-下
- 带有Hilt的Android上的依赖注入
- android|android studio中ndk的使用
- Android事件传递源码分析
- RxJava|RxJava 在Android项目中的使用(一)
- Android7.0|Android7.0 第三方应用无法访问私有库
- 数据库设计与优化
- 深入理解|深入理解 Android 9.0 Crash 机制(二)
- android防止连续点击的简单实现(kotlin)