Fork me on GitHub

AndrodUI优化之布局优化

AndroidUI优化之布局优化。

前些天在 那些年大家都在谈论的Android性能优化 中已经跟大家分享了Android中性能优化的概念,优化的一些关键点以及优化方案。今天跟大家探讨一下AndroidUI优化中的布局优化具体是怎么操作的。

选择合适的ViewGroup

1.FrameLayout和LinearLayout是Android中比较简单并且高效的viewgroup,如果不考虑布局嵌套的话,尽量使用这两种。
2.大多数情况单纯使用FrameLayout或者LinearLayout无法实现产品效果,需要进行布局嵌套,这种情况尽量使用RelativeLayout。嵌套会增加布局的层级,降低App的性能。大约在Android4.0之后,新建工程的默认main.xml中顶节点改成了RelativeLayout,因为RelativeLayout性能更优,可以简单实现LinearLayout嵌套才能实现的布局。

抽象布局标签

include

include主要用于布局重用,将布局中的公共部分抽离出来供其他布局用,实现布局的模块化,比如App的顶栏等。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<include
android:id="@+id/title"
layout="@layout/layout_title" />
<android.support.v4.view.ViewPager
android:id="@+id/fragment_home_viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>

include标签唯一需要的属性是layout属性,指定需要包含的布局文件。可以定义android:id和android:layout*属性来覆盖被引入布局根节点的对应属性值。注意重新定义android:id后,子布局的顶结点id就变化了。如果被指定了android:layout属性,那么android:layout_width和android:layoutheight也必须存在,否则其他android:layout属性不生效。

merge

merge标签一般和include标签一起使用,可以减少布局的层级。假如我的layout_title文件中的根节点也是竖直方向的linearlayout,我们可以通过merge标签来减少这一层linearlayout。

1
2
3
4
5
6
7
8
9
10
11
<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android">
<Button
android:id="@+id/back"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<Button
android:id="@+id/menu"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</merge>

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

viewstub

viewstub引入的布局默认不会扩张,即既不会占用显示也不会占用位置,不参与任何的布局和绘制过程,从而在解析layout时节省cpu和内存。它的意义在于按需加载布局文件,比如网络异常的界面正常情况下是不会显示的,我们就没有必要在初始化的时候就把它加载进来。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<include
android:id="@+id/title"
layout="@layout/layout_title" />
<android.support.v4.view.ViewPager
android:id="@+id/fragment_home_viewpager"
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" />
</LinearLayout>

network_error的内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?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="160dp"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:text="@string/network_setting" />
<Button
android:id="@+id/network_refresh"
android:layout_width="160dp"
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>

如果要显示viewstub中的内容,可以通过setVisibility或者inflate进行加载。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
private View networkErrorView;
private void showNetError() {
//保证不重复加载
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);
}
}

减少不必要的infalte

1.对于inflate的布局可以直接缓存,用全部变量代替局部变量,避免下次需再次inflate
2.ListView提供了item缓存,adapter getView的标准写法,如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder;
if (convertView == null) {
convertView = inflater.inflate(R.layout.list_item, null);
holder = new ViewHolder();
……
convertView.setTag(holder);
} else {
holder = (ViewHolder)convertView.getTag();
}
}
/**
* ViewHolder
*
* @author trinea@trinea.cn 2013-08-01
*/
private static class ViewHolder {
ImageView appIcon;
TextView appName;
TextView appInfo;
}

决定伟大水平和一般水平的关键因素,既不是天赋,也不是经验,而是刻意练习的程度。从下一页面开始,希望大家都能按照这些标准去写,刻意练习,熟能生巧。

任磊_Coder wechat
关注博主是一种态度,评论博主是一种欣赏。
坚持原创技术分享,您的支持将鼓励我继续创作!