Android性能优化之布局优化

转载 2016年06月01日 15:00:08

本文主要介绍布局标签(include、viewstub、merge),去除不必要的嵌套和View节点,减少不必要的infalte及其他Layout方面可调优点,顺带体积布局调优相关工具(hierarchy viewer和lint)

抽象布局嵌套

<include>标签

include标签常用于将布局中的公共部分提取出来供其他layout共用,以实现布局模块化,在布局编写方面提供了大大的便利。

例:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ListView
        android:id="@+id/simple_list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="@dimen/dp_80" />

    <include layout="@layout/foot.xml" />

</RelativeLayout>
其中include引入的foot.xml为共用的页面底部,代码如下:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_40"
        android:layout_above="@+id/text"/>

    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_40"
        android:layout_alignParentBottom="true"
        android:text="@string/app_name" />

</RelativeLayout>
<include>标签唯一需要的属性石layout属性,指定需要包含的布局文件。可以的定义android:id和android:layout_*属性来覆盖被引入布局根节点的对应属性。注意重新定义android:id后,子布局的顶节点就变化了。

<viewstub>标签

viewstub标签同include标签一样可以用来引入一个外部布局,不同的是,viewstub引入的布局默认不会扩张,即既不会占用显示也不会占用位置,从而在解析layout时节省cpu和内存。

viewstub常用来引入那些默认不会显示,只在特殊情况下显示的布局,如进度布局、网络失败显示的刷新布局、信息出错出现的提示布局等。

例:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

	……
    <ViewStub
        android:id="@+id/network_error_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout="@layout/network_error" />

</RelativeLayout>
其中network_error.xml为只能在网络错误时才需要显示的布局,默认不会被解析。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <Button
        android:id="@+id/network_setting"
        android:layout_width="@dimen/dp_160"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="@string/network_setting" />

    <Button
        android:id="@+id/network_refresh"
        android:layout_width="@dimen/dp_160"
        android:layout_height="wrap_content"
        android:layout_below="@+id/network_setting"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="@dimen/dp_10"
        android:text="@string/network_refresh" />

</RelativeLayout>
在java中通过(Viewstub)findViewById(id)找到ViewStub,通过stub.inflate()展开ViewStub然后得到子View
private View networkErrorView;

private void showNetError() {
	// not repeated infalte
	if (networkErrorView != null) {
		networkErrorView.setVisibility(View.VISIBLE);
		return;
	}

	ViewStub stub = (ViewStub)findViewById(R.id.network_error_layout);
	networkErrorView = stub.inflate();
	Button networkSetting = (Button)networkErrorView.findViewById(R.id.network_setting);
	Button refresh = (Button)findViewById(R.id.network_refresh);
}

private void showNormal() {
	if (networkErrorView != null) {
		networkErrorView.setVisibility(View.GONE);
	}
}
在上面showNetError()中展开了ViewStub,同时我们对networkError进行保存这样下次不要继续inflate。这就是后面第三部分提到的减少不必要的infalte。

viewstub标签大部分属性同include标签类似。

通过viewstub的原理我们可以知道将一个view设置为GONE不会被解析,从而提高layout解析速度,二VISIBLE和INVISIBLE这两个可见性属性会被正常解析。

<merge>标签

在使用了include后可能导致布局嵌套过多,对于不必要的layout节点,从而导致解析变慢,不必要的节点和嵌套可通过hierarchy viewer(设置->开发者选项->显示布局边界)查看。

merge标签可用于两种类型的情况:

布局顶结点是FrameLayout且不需要设置background或padding等属性,可以用merge代替,因为Activity内容视图就是个FrameLayout,所以可以用merge消除只剩一个。

某布局作为子布局被其他布局include时,使用merge当做该布局的顶结点,这样在被引入时丁结点会自动被忽略,而将子节点全部并到主布局中。

以<include>标签为例,用hierarchy viewer查看main.xml布局如下图:


可以发现多了一层没必要的RelativeLayout,将foot.xml中RelativeLayout改为merge,如下:

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_40"
        android:layout_above="@+id/text"/>

    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_40"
        android:layout_alignParentBottom="true"
        android:text="@string/app_name" />

</merge>
运行后再次使用hierarchy viewer查看main.xml布局如下图:


这样就没有多余的RelativeLayout节点了。

去除不必要的嵌套和view节点

首次不需要使用的节点设置为GONE或者使用<viewstub>

使用RelativeLayout代替LinearLayout,大约在4.0以前,新建工程的默认main.xml中顶节点是LinearLayout,而在之后已经改为RelativeLayout,因为RelativeLayout性能更优,且可以简单实现LinearLayout嵌套才能实现的布局。

4.0及以上Android版本可以通过:设置->开发者选项->显示布局边界打开页面布局显示,看看是否有不必要的节点和嵌套。4.0以下版本可以通过hierarchy  viewer查看。

其他点

用SurfaceView或TextureView代替普通View

SurfaceView或TextureView可以通过将绘图操作移动到另一个单独线程上提高性能,普通View的绘制过程是在UI线程中完成,如果某些绘图操作影响性能就不好优化了。这时我们可以考虑使用SurfaceView和TextureView,他们的绘图操作发生在UI线程之外的另一个线程上。

因为SurfaceView在常规视图系统之外,所以无法像常规视图一样移动,缩放或旋转。TextureView是Android4.0引入的,除了与SurfaceView一样在单独线程绘制外,还可以像常规视图一样被改变。

尽量为所有的分辨率创建资源,减少不必要的硬件缩放,这会降低UI的绘制速度,可借助Android asset studio


相关文章推荐

Android ListView加载多item布局及性能优化

在开发过程中,遇到一些比较旧的项目,请求网络数据时,接口返回一长串的JSON字符串,其中包括各种不相关的数据。而我们又需要把这些数据一一对应写在同一个界面上,又需要分别展示在不同的布局上,这时候就需要...
  • donkor_
  • donkor_
  • 2016年11月17日 19:35
  • 1203

Android性能优化之布局篇(一)

布局优化方案: 1. 避免过度绘制 2. 减少布局层级 3. 提高加载速度 4. 复用布局 一 避免过度绘制什么是过度绘制? Overdraw(过度绘制)描述的是屏幕上的某...

Android性能优化-布局篇

一.布局优化    1.app里的每一个view,android系统都会经过三部曲来渲染:measure,layout,draw。measure从最顶部的节点开始,    顺着layout树形结构依次...

Android性能优化(一):ViewStub控制布局显示

1.ViewStub介绍         在开发应用程序的时候,经常会遇到这样的情况,会在运行时动态根据条件来决定显示哪个View或某个布局。那么最通常的想法就是把可能用到的View都写在上面,...

android 性能优化之布局

Android 性能优化之布局 Android 基本的五大布局,LinearLayout、FrameLayout、RelativeLayout、AbsoluteLayout和TableLay...

Android性能优化之布局篇(二)

接上文:Android性能优化之布局篇(一)二,减少布局层级1,drawable属性的使用. 这布局都熟悉吧,基本上APP都会用到类似布局.常见的布局方式: ...

Android UI性能优化实战 解决布局复杂导致的程序奔溃

转载请标明出处:  http://blog.csdn.net/lmj623565791/article/details/45556391;  本文出自:【张鸿洋的博客】 1、概述 ...

[Android 性能优化系列]布局篇之减少你的界面层级

原文地址:http://developer.android.com/training/improving-layouts/optimizing-layout.html 复杂的布局,既会提高我们的设计...

Android最佳性能实践(四)——布局优化技巧

在前面几篇文章当中,我们学习了如何通过合理管理内存,以及高性能编码技巧的方式来提升应用程序的性能。然而实际上界面布局也会对应用程序的性能产生比较大的影响,如果布局写得糟糕的话,那么程序加载UI的速度就...

Android布局优化技巧include、merge、stubView;LinearLayout和RelativeLayout的性能比较

目录: 一、Android布局优化技巧include、merge、stubView Include Merge: ViewStub 二、LinearLayout和RelativeLayout的性能比较...
  • a_long_
  • a_long_
  • 2016年08月04日 22:27
  • 638
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android性能优化之布局优化
举报原因:
原因补充:

(最多只允许输入30个字)