转自：http://blog.csdn.net/feiduclear_up/article/details/46670433

Android性能优化之布局优化篇

分类： andorid 开发2015-06-29 16:28 238人阅读 评论(0) 收藏 举报
 
 

怎样才能写出优秀的Android App，是每一个程序员追求的目标。那么怎么才能写出一个优秀的App呢？相信很多初学者也会有这种迷茫。一句话来回答这个问题：细节很重要。今天我们就从最基础的XML布局来谈谈怎么提高Android性能问题吧！

也许你经常会遇到比较复杂的布局，这种情况下，最简单的方法就是多层嵌套实现效果，但是最简单的方法是否是最优的方法呢？ 这里需要打一个大大的问号？？？？？经验告诉我们，往往简单的方法，得到的结果不是最优解，那么我们通过一个例子来研究一下怎么去优化我们的XML布局吧，下面通过经典微信中的“发现”tab页面中的布局来看看怎么实现。

上面这张图片是微信界面截图，看到这张效果图的第一眼会让开发者想到使用线性布局实现这种左边图片，右边文字，一行白色背景效果很方便。那么我们就按照一般思路写出如下布局代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@color/color_eeeeee"

    android:orientation="vertical"

    tools:context=".MainActivity">

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="0dp"

        android:layout_weight="1"

        android:orientation="vertical">

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_marginTop="20dp"

            android:background="@drawable/item_bg_select"

            android:clickable="true"

            android:gravity="center_vertical"

            android:orientation="horizontal"

            android:paddingLeft="20dp"

            android:paddingRight="20dp">

            <ImageView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:src="@drawable/afe" />

            <TextView

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_marginLeft="15dp"

                android:text="@string/fiends"

                android:textColor="@android:color/black"

                android:textSize="16sp" />

        </LinearLayout>

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_marginTop="20dp"

            android:background="@android:color/white"

            android:orientation="vertical">

            <LinearLayout

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:background="@drawable/item_bg_select"

                android:clickable="true"

                android:gravity="center_vertical"

                android:orientation="horizontal"

                android:paddingLeft="20dp"

                android:paddingRight="20dp">

                <ImageView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:src="@drawable/afg" />

                <TextView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginLeft="15dp"

                    android:text="@string/scan"

                    android:textColor="@android:color/black"

                    android:textSize="16sp" />

            </LinearLayout>

            <View

                android:layout_width="match_parent"

                android:layout_height="0.5dp"

                android:layout_marginLeft="10dp"

                android:layout_marginRight="10dp"

                android:background="@color/color_e0e0e0"></View>

            <LinearLayout

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:background="@drawable/item_bg_select"

                android:clickable="true"

                android:gravity="center_vertical"

                android:orientation="horizontal"

                android:paddingLeft="20dp"

                android:paddingRight="20dp">

                <ImageView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:src="@drawable/afh" />

                <TextView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginLeft="15dp"

                    android:text="@string/shake"

                    android:textColor="@android:color/black"

                    android:textSize="16sp" />

            </LinearLayout>

        </LinearLayout>

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_marginTop="20dp"

            android:background="@android:color/white"

            android:orientation="vertical">

            <LinearLayout

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:background="@drawable/item_bg_select"

                android:clickable="true"

                android:gravity="center_vertical"

                android:orientation="horizontal"

                android:paddingLeft="20dp"

                android:paddingRight="20dp">

                <ImageView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:src="@drawable/afd" />

                <TextView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginLeft="15dp"

                    android:text="@string/nearby"

                    android:textColor="@android:color/black"

                    android:textSize="16sp" />

            </LinearLayout>

            <View

                android:layout_width="match_parent"

                android:layout_height="0.5dp"

                android:layout_marginLeft="10dp"

                android:layout_marginRight="10dp"

                android:background="@color/color_e0e0e0"></View>

            <LinearLayout

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:background="@drawable/item_bg_select"

                android:clickable="true"

                android:gravity="center_vertical"

                android:orientation="horizontal"

                android:paddingLeft="20dp"

                android:paddingRight="20dp">

                <ImageView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:src="@drawable/afb" />

                <TextView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginLeft="15dp"

                    android:text="@string/float_bottle"

                    android:textColor="@android:color/black"

                    android:textSize="16sp" />

            </LinearLayout>

        </LinearLayout>

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_marginTop="20dp"

            android:background="@android:color/white"

            android:orientation="vertical">

            <LinearLayout

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:background="@drawable/item_bg_select"

                android:clickable="true"

                android:gravity="center_vertical"

                android:orientation="horizontal"

                android:paddingLeft="20dp"

                android:paddingRight="20dp">

                <ImageView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:src="@drawable/agg" />

                <TextView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginLeft="15dp"

                    android:text="@string/shopping"

                    android:textColor="@android:color/black"

                    android:textSize="16sp" />

            </LinearLayout>

            <View

                android:layout_width="match_parent"

                android:layout_height="0.5dp"

                android:layout_marginLeft="10dp"

                android:layout_marginRight="10dp"

                android:background="@color/color_e0e0e0"></View>

            <LinearLayout

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:background="@drawable/item_bg_select"

                android:clickable="true"

                android:gravity="center_vertical"

                android:orientation="horizontal"

                android:paddingLeft="20dp"

                android:paddingRight="20dp">

                <ImageView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:src="@drawable/ak6" />

                <TextView

                    android:layout_width="wrap_content"

                    android:layout_height="wrap_content"

                    android:layout_marginLeft="15dp"

                    android:text="@string/games"

                    android:textColor="@android:color/black"

                    android:textSize="16sp" />

            </LinearLayout>

        </LinearLayout>

    </LinearLayout>

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:background="@android:color/white"

        android:orientation="horizontal">

        <TextView

            android:layout_width="0dp"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:drawableTop="@drawable/ala"

            android:gravity="center"

            android:text="@string/weixin"

            android:textColor="@color/color_9e9e9e" />

        <TextView

            android:layout_width="0dp"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:drawableTop="@drawable/al9"

            android:gravity="center"

            android:text="@string/countans"

            android:textColor="@color/color_9e9e9e" />

        <TextView

            android:layout_width="0dp"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:drawableTop="@drawable/alc"

            android:gravity="center"

            android:text="@string/finds"

            android:textColor="@color/color_9e9e9e" />

        <TextView

            android:layout_width="0dp"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:drawableTop="@drawable/ale"

            android:gravity="center"

            android:text="@string/me"

            android:textColor="@color/color_9e9e9e" />

    </LinearLayout>

</LinearLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283

以上布局的效果图如下：

是不是差不多实现了微信一样的效果？那么我们怎么来判断以上布局是不是最优的呢？当然，我们是有工具来查看的。相信很多童鞋用过了，第一个就是 Hierarchy View，第二个就是 显示GPU过度绘制。

Hierarchy View检测布局嵌套层次

如果你是使用AS开发的话，你可以在 AS 工具栏中点击 Tools–>Android–>Android Device Monitor–>Hierarchy View。（至于Hierarchy View怎么使用这里就不仔细介绍了）你可以通过这个工具来查看当前布局的层次结构，如下图的布局的层次结构就是上面微信的布局：

ContentFrameLayout接点之后就是我们上面XML代码的布局了，从上图可以看到，我们布局最多有 5 层，其实你从代码中也可以看到是 5 层，那么我们是否能减少以上的布局的嵌套层次呢？答案是肯定的，废话不多说，我们直接上一份我优化过的布局代码吧。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@color/color_eeeeee"

    tools:context=".MainActivity">

    <TextView

        android:id="@+id/tv_one"

        style="@style/textStyle"

        android:layout_marginTop="20dp"

        android:background="@drawable/item_bg_select"

        android:drawableLeft="@drawable/afe"

        android:text="@string/fiends" />

    <android.support.v7.widget.LinearLayoutCompat

        android:id="@+id/lv_two"

        style="@style/LinerLayoutStyle"

        android:layout_below="@+id/tv_one"

        app:divider="@drawable/lines"

        app:dividerPadding="10dp"

        app:showDividers="middle">

        <TextView

            style="@style/textStyle"

            android:background="@drawable/item_bg_select"

            android:drawableLeft="@drawable/afg"

            android:text="@string/scan" />

        <TextView

            style="@style/textStyle"

            android:background="@drawable/item_bg_select"

            android:drawableLeft="@drawable/afh"

            android:text="@string/shake" />

    </android.support.v7.widget.LinearLayoutCompat>

    <android.support.v7.widget.LinearLayoutCompat

        android:id="@+id/lv_threed"

        style="@style/LinerLayoutStyle"

        android:layout_below="@+id/lv_two"

        app:divider="@drawable/lines"

        app:dividerPadding="10dp"

        app:showDividers="middle">

        <TextView

            style="@style/textStyle"

            android:background="@drawable/item_bg_select"

            android:drawableLeft="@drawable/afd"

            android:text="@string/nearby" />

        <TextView

            style="@style/textStyle"

            android:background="@drawable/item_bg_select"

            android:drawableLeft="@drawable/afb"

            android:text="@string/float_bottle" />

    </android.support.v7.widget.LinearLayoutCompat>

    <android.support.v7.widget.LinearLayoutCompat

        style="@style/LinerLayoutStyle"

        android:layout_below="@+id/lv_threed"

        app:divider="@drawable/lines"

        app:dividerPadding="10dp"

        app:showDividers="middle">

        <TextView

            style="@style/textStyle"

            android:background="@drawable/item_bg_select"

            android:drawableLeft="@drawable/agg"

            android:text="@string/shopping" />

        <TextView

            style="@style/textStyle"

            android:background="@drawable/item_bg_select"

            android:drawableLeft="@drawable/ak6"

            android:text="@string/games" />

    </android.support.v7.widget.LinearLayoutCompat>

    <include

        layout="@layout/bottom_layout"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_alignParentBottom="true" />

</RelativeLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89

哇，代码量少了很多啊，代码也简洁了许多，让人看着就很舒服，那么我们到底进行了怎样的优化呢？从以下几点总结：

  1. 使用 style 主题来定义一个通用的属性，从而重复利用代码，减少代码量。上面代码使用了两个style，一个是textStyle 和 LinerLayoutStyle ，代码如下：
<!--TextView 的通用属性-->

    <style name="textStyle">

        <item name="android:layout_width">match_parent</item>

        <item name="android:layout_height">wrap_content</item>

        <item name="android:textSize">16sp</item>

        <item name="android:textColor">@android:color/black</item>

        <item name="android:paddingRight">20dp</item>

        <item name="android:paddingLeft">20dp</item>

        <item name="android:gravity">center_vertical</item>

        <item name="android:clickable">true</item>

    </style>

    <!--LinerLayout 的通用属性-->

    <style name="LinerLayoutStyle" >

        <item name="android:layout_width">match_parent</item>

        <item name="android:layout_height">wrap_content</item>

        <item name="android:layout_marginTop">20dp</item>

        <item name="android:background">@android:color/white</item>

        <item name="android:orientation">vertical</item>

    </style>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20

2.减少布局嵌套的层次，上面布局使用TextView可以设置四个方向图片来直接替代LinerLayout下包裹一个ImageView 和TextView。从而这里减少了一层嵌套布局，再次利用RelativeLayout相对布局又减少了一层桥套，提高了加载布局的效率。看图：

从图中看出，不仅减少了两层嵌套布局，而且组件数目也减少，从而减少布局绘制的时间，大大提高了布局加载效率。

3.使用 LinearLayoutCompat 组件来实现线性布局元素之间的分割线，从而减少了使用View来实现分割线效果。LinearLayoutCompat的具体内容请参考http://blog.csdn.net/feiduclear_up/article/details/46619637 。

4.使用 include 标签加载底部菜单栏布局，include 标签的目的是重复利用布局，来减少代码了。

<?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="wrap_content"

    android:background="@android:color/white"

    android:orientation="horizontal">

    <TextView

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:drawableTop="@drawable/ala"

        android:gravity="center"

        android:text="@string/weixin"

        android:textColor="@color/color_9e9e9e"

         />

    <TextView

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:drawableTop="@drawable/al9"

        android:gravity="center"

        android:text="@string/countans"

        android:textColor="@color/color_9e9e9e" />

    <TextView

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:drawableTop="@drawable/alc"

        android:gravity="center"

        android:text="@string/finds"

        android:textColor="@color/color_9e9e9e" />

    <TextView

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:drawableTop="@drawable/ale"

        android:gravity="center"

        android:text="@string/me"

        android:textColor="@color/color_9e9e9e" />

</LinearLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45

显示GPU过度绘制

你可以在手机打开 设置—->开发者选项—->显示GPU过度绘制，这个开关的作用是按不同颜色值来显示布局的过度绘制，绘制的层次从最优到最差：蓝，绿，淡红，红。给出一张直观的形象图片来表示吧

图片从上到下代表不同层次的OverDraw，我们在布局时候，尽量减少红色 Overdraw，看到更多的蓝色区域。来看看微信的 Overdraw图和我们自定义的布局Overdraw图吧

 

第一张图是 腾讯微信的Overdraw 图，第二张图片是我们自定义的 Overdraw 图片。从上面两张图片看出，我们自己的布局和微信原版的布局 Overdraw 过度绘制情况差不多，没啥区别。那么我们能不能去减少红色部分的过度绘制呢？试试吧！

我们先去掉最顶端布局RelativeLayout的背景

android:background="@color/color_eeeeee"
  • 1

然后修改每个item选择资源 selector

 android:background="@drawable/item_bg_select1"
  • 1

之前的 item_bg_select.xml 资源是如下代码：

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@color/color_e0e0e0" android:state_pressed="true"></item>

    <item android:drawable="@android:color/white"></item>

</selector>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

修改之后的 item_bg_select1.xml资源代码如下：

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@color/color_e0e0e0" android:state_pressed="true"></item>

</selector>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

我们发现，新的 selector资源去除了

<item android:drawable="@android:color/white"></item>
  • 1

因为整个背景是白色的，无需重复设置正常情况下item的背景颜色。

修改之后的效果图如下：

看出，基本没有红色区域，从而提高布局的绘制效率。

总结：现在看来，我们通过减少背景颜色的设置来减少Overdraw的情况。我们自己布局过度绘制的情况比微信本身的情况有很大的改善，是不是感觉很nice～～。

懒加载布局 ViewStub

除了以上两种方法来优化布局，还有其他办法来继续优化布局，在某些情况下，有些布局是仅在需要时才加载，比如小米手机的添加联系人功能就有在编辑姓名的时候有一个下拉按钮显示更多输入信息，看图

 

遇到这种情况，我们首先想到的 就是将不常用的元素使用INVISIBLE或者GONE进行隐藏，这样是否真的好呢？是否达到了 布局优化的最终效果呢？利用 INVISIBLE只是隐藏布局，但是布局还是占居当前位置，且系统在加载布局的时候这一部分还是会绘制出来，同样花费绘制时间。那么有没有好的办法来解决这一问题呢？不言而喻，我们可以使用懒加载布局 ViewStub。

ViewStub是Android为此提供了一种非常轻量级的控件。ViewStub虽说也是View的一种，但是它没有大小，没有绘制功能，也不参与布局，资源消耗非常低，将它放置在布局当中基本可以认为是完全不会影响性能的。

下面我们来学习一下 ViewStub的使用方法吧！

<?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"

    android:padding="20dp">

    <EditText

        android:id="@+id/et_name"

        android:layout_width="150dp"

        android:drawableRight="@drawable/a0e"

        android:layout_height="wrap_content"

        android:hint="@string/name" />

    <ViewStub

        android:id="@+id/view_stub"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout="@layout/item_name" />

    <EditText

        android:layout_width="150dp"

        android:layout_height="wrap_content"

        android:hint="@string/comp" />

    <EditText

        android:layout_width="150dp"

        android:layout_height="wrap_content"

        android:hint="@string/lead" />

</LinearLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33

item_name.xml 布局如下：

<?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">

    <EditText

        android:id="@+id/et_name1"

        android:layout_width="150dp"

        android:layout_height="wrap_content"

        android:hint="@string/name1" />

    <EditText

        android:id="@+id/et_name2"

        android:layout_width="150dp"

        android:layout_height="wrap_content"

        android:hint="@string/name2" />

    <EditText

        android:id="@+id/et_name3"

        android:layout_width="150dp"

        android:layout_height="wrap_content"

        android:hint="@string/name3" />

    <EditText

        android:id="@+id/et_name4"

        android:layout_width="150dp"

        android:layout_height="wrap_content"

        android:hint="@string/name4" />

</LinearLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31

然后你在代码中这么使用即可

findViewById(R.id.et_name).setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                ViewStub viewStub = (ViewStub) findViewById(R.id.view_stub);

                if (null != viewStub) {

                    //主要是这一句显示更多布局

                    View view = viewStub.inflate();

                    EditText name1 = (EditText) view.findViewById(R.id.et_name1);

                    EditText name2 = (EditText) view.findViewById(R.id.et_name2);

                    EditText name3 = (EditText) view.findViewById(R.id.et_name3);

                    EditText name4 = (EditText) view.findViewById(R.id.et_name4);

                }

            }

        });
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

效果图如下： 
 

从效果图可以看出，当用户点击姓名下拉按钮时，其他关于姓名的布局就加载出来了，而且原来的布局是显示在ViewStub布局之下的，位置显示没有任何异常。当然你可以通过 setVisibility(View.VISIBLE)或者viewStub.inflate()方来来让其显示，通过setVisibility(View.INVISIBLE)来隐藏 ViewStub。

Android Lint 工具

这里不展开介绍 Lint 工具，感兴趣的童鞋可以自己网上搜索一把，这个工具主要是用来检查工程中代码的不合理，布局不合理，资源重复，图片重复，等，让开发者进一步优化自己的应用。如果你是AS 用户，你可以在工具栏 Analyze—>Inspect Code 打开此工具使用。

参考文档：http://hukai.me/android-performance-render/ 
参考文档：http://blog.csdn.net/guolin_blog/article/details/43376527

【转】Android性能优化之布局优化篇的更多相关文章

  1. Android性能优化之布局优化

    最新最准确内容建议直接访问原文:Android性能优化之布局优化 本文为Android性能优化的第二篇——布局优化,主要介绍使用抽象布局标签(include, viewstub, merge).去除不 ...

  2. Android 性能优化 三 布局优化ViewStub标签的使用

    小黑与小白的故事,通过虚拟这两个人物进行一问一答的形式来共同学习ViewStub的使用 小白:Hi,小黑,ViewStub是什么?听说能够用来进行布局优化. 小黑:ViewStub 是一个隐藏的,不占 ...

  3. Android Studido下的应用性能优化总结--布局优化

    前言:一个应用的成功=产品设计*性能 ,再此我们不讨论一个应用的设计,那交给我们可爱又可恨的产品经理和UI设计师来决定!所以这里分步骤讨论如何提升一个应用的性能,这里先探讨布局优化问题. 布局优化 避 ...

  4. Android开发学习之路--性能优化之布局优化

      Android性能优化方面也有很多文章了,这里就做一个总结,从原理到方法,工具等做一个简单的了解,从而可以慢慢地改变编码风格,从而提高性能. 一.Android系统是如何处理UI组件的更新操作的 ...

  5. Android性能优化：布局优化 详细解析（含<include>、<ViewStub>、<merge>讲解 ）

    1. 影响的性能 布局性能的好坏 主要影响 :Android应用中的页面显示速度 2. 如何影响性能 布局影响Android性能的实质:页面的测量 & 绘制时间 1个页面通过递归 完成测量 & ...

  6. Android 卡顿优化 4 布局优化实际技巧

    今天分享一些layout布局书写中的一些技巧,希望看过之后你也一样可以写出性价比高的布局.我个人的目标是用最少的View写出一样效果的布局.因为我相信View的数量减少伴随着的就是层级的减少.从而达到 ...

  7. android 优化之布局优化

    布局优化的思路很简单,尽量减少布局文件的层级,看过系统源码的都知道,Android view绘制都是逐层绘制的,所以布局的层级少了,decodeview的时候绘制工作自然就少了. 那么如何进行布局的优 ...

  8. Android 卡顿优化 3 布局优化 工具 Hierarchy Viewer

    欲善其事, 先利其器. 分析布局, 就不得不用到Hierarchy Viewer了. 本文工具使用皆以GithubApp的详情界面RepoDetailActivity为例说明. 为了不影响阅读体验, ...

  9. android应用程序优化之布局优化

    在我们开发APP时不仅要在代码实现上.做到对App的优化,而在我们的界面布局也有很多要优化的地方,假设布局写的非常low的话,系统载入布局的速度会十分的慢,使得用户的体验非常的不好.这篇文章主要是从我 ...

随机推荐

  1. JQuery获取和设置Select选项常用方法总结 (转)

    1.获取select 选中的 text: $("#cusChildTypeId").find("option:selected").text(); $(&quo ...

  2. spark Using MLLib in Scala/Java/Python

    Using MLLib in ScalaFollowing code snippets can be executed in spark-shell. Binary ClassificationThe ...

  3. cookie 用户第一次访问时执行

    <script type="text/javascript" src="/js/jquery.Cookies.js"></script> ...

  4. android之消息机制（一）

    消息操作类Handler 首先编写main.xml文件代码如下: <LinearLayout xmlns:android="http://schemas.android.com/apk ...

  5. 2014 top100

    下面是 TOP 100 的软件列表: 1. JFinal JFinal 是基于 Java 语言的极速 WEB + ORM 框架,其核心设计目标是开发迅速.代码量少.学习简单.功能强大.轻量级.易扩展. ...

  6. php一些技巧函数

    current() next() prev() 范例 <?php $people = array("Peter", "Joe", "Glenn& ...

  7. django 1.8 日志配置

    django 1.8 日志配置 以下为setings配置logging代码片段 BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(_ ...

  8. 一些浏览器的USER-AGENT

    115浏览器的USER-AGENT 版本号:5.1.3.55 Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like G ...

  9. Bootstrap页面布局15 - BS带下拉菜单的按钮

    带下拉菜单的按钮 <div class='btn-toolbar'> <div class='btn-group'> <a href='javascript:;' cla ...

  10. Ubuntu 14.04 为 root 帐号开启 SSH 登录

    1. 修改 root 密码 sudo passwd root 2. 以其他账户登录,通过 sudo nano 修改 /etc/ssh/sshd_config : xxx@ubuntu14:~$ su ...