50个Android开发技巧(02 延迟加载和避免重复渲染视图)

当你在Application中建立复杂的布局时，页面的渲染过程也变得更加缓慢。

此时，咱们须要利用 <include />标签(避免重复渲染)和 ViewStub类(延迟加载)来优化咱们的页面。

(原文地址： http://blog.csdn.net/vector_yi/article/details/24402101)

1、利用<include />标签来避免重复渲染

当咱们须要为App中的每一个View都添加一个header或者footer时，你会怎么作？

重复地复制粘贴能够解决这个问题，但未免太繁杂。能够试着使用<include />标签：

第一种方式，在<include />标签内指定width及height:

main.xml

[html]   view plain copy

1. <RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android"  
2.     android:layout_width= "fill_parent"  
3.     android:layout_height= "fill_parent" >  
4.   
5.     <Button  
6.         android:layout_width ="fill_parent"  
7.         android:layout_height ="wrap_content"  
8.         android:layout_gravity ="center_vertical"  
9.         android:onClick ="onShowMap"  
10.         android:text ="@string/show_map" />  
11.   
12.     <include  
13.         android:layout_width ="fill_parent"  
14.         android:layout_height ="wrap_content"  
15.         android:layout_alignParentBottom ="true"  
16.         android:layout_marginBottom ="30dp"  
17.         layout ="@layout/footer" />  
18.   
19. </RelativeLayout>  

footer.xml

[html]   view plain copy

1. <TextView xmlns:android = "http://schemas.android.com/apk/res/android"  
2.     android:layout_width= "0dp"  
3.     android:layout_height= "0dp"  
4.     android:gravity= "center"  
5.     android:text= "@string/footer_text" />  

有个小细节须要注意，在footer.xml中，咱们将width及height都设为0dp.目的是为了配合<include/>标签中对width及height的定义。

第二种方式，直接引用:

main.xml

[html]   view plain copy

1. <RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android"  
2.     android:layout_width= "fill_parent"  
3.     android:layout_height= "fill_parent" >  
4.   
5.     <Button  
6.         android:layout_width ="fill_parent"  
7.         android:layout_height ="wrap_content"  
8.         android:layout_gravity ="center_vertical"  
9.         android:onClick ="onShowMap"  
10.         android:text ="@string/show_map" />  
11.   
12.     <include layout ="@layout/footer" />  
13.   
14. </RelativeLayout>  

footer.xml

[html]   view plain copy

1. <TextView xmlns:android = "http://schemas.android.com/apk/res/android"  
2.     android:layout_width= "fill_parent"  
3.     android:layout_height= "wrap_content"  
4.     android:layout_alignParentBottom= "true"  
5.     android:layout_marginBottom= "30dp"  
6.     android:gravity= "center"  
7.     android:text= "@string/footer_text" />  

2、利用ViewStub类来延迟加载视图

在设计视图时，有时会考虑到某些视图的可见性是依赖于用户的操做或者运行设备的具体环境的。

此时你会如何设计？仅仅是改变View的visible属性？

咱们先来看看ViewStub的介绍：

      ViewStub是一个不可见、不占空间(zero-sized)的控件，它能够用来在运行时延迟加载视图资源。只有当咱们将ViewStub的可见性设为true，或者调用inflate()方法，它的视图资源才会被加载。

假设咱们设计的一个页面中包含地图View，试想一下如下这种状况：

     有些用户不须要看到地图。

既然用户不须要看到地图，咱们为什么还坚持不懈地加载它？这反而影响了咱们App的Performance。

此时，咱们就能够利用ViewStub类了：

main.xml

[html]   view plain copy

1. <RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android"  
2.     android:layout_width= "fill_parent"  
3.     android:layout_height= "fill_parent" >  
4.   
5.     <Button  
6.         android:layout_width ="fill_parent"  
7.         android:layout_height ="wrap_content"  
8.         android:layout_gravity ="center_vertical"  
9.         android:onClick ="onShowMap"  
10.         android:text ="@string/show_map" />  
11.   
12.     <ViewStub  
13.         android:id ="@+id/map_stub"  
14.         android:layout_width ="fill_parent"  
15.         android:layout_height ="fill_parent"  
16.         android:inflatedId ="@+id/map_view"  
17.         android:layout ="@layout/map" />  
18. </RelativeLayout>  

map.xml

[html]   view plain copy

1. <com.google.android.maps.MapView xmlns:android ="http://schemas.android.com/apk/res/android"  
2.     android:layout_width= "fill_parent"  
3.     android:layout_height= "fill_parent"  
4.     android:apiKey= "my_api_key"  
5.     android:clickable= "true" />  

接下来看看MainActivity

[java]   view plain copy

1. public class MainActivity extends MapActivity {  
2.   
3.   private View mViewStub;  
4.   
5.   @Override  
6.   public void onCreate (Bundle savedInstanceState ) {  
7.     super. onCreate( savedInstanceState );  
8.     setContentView( R. layout. main);  
9.     mViewStub = findViewById( R. id. map_stub);  
10.   }  
11.   
12.   public void onShowMap (View v) {  
13.     mViewStub. setVisibility (View .VISIBLE );  
14.   }  
15. ....  
16. }  

如你所见，在须要显示图像时咱们才调用onShowMap来改变map_stub的可见性。在改变以前，map_stub都不会渲染加载视图资源。

小结：

     1.当咱们的页面变得复杂，XML文件内容过多时，<include />标签能够有效地帮助咱们整理文件内容，同时提升了XML文件的可读性。同时，它的用法也与Fragment相似。

     2.ViewStub是一个极佳的延迟加载视图资源的方式。只要你设计的视图是依赖于上下文来改变其可见性的，就利用ViewStub类吧。也许当你只将其应用在一个简单的页面当中时，并不会感受到在性能上有任何提高，可是在复杂页面中，它的效果是极佳的。