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

当你在Application中创建复杂的布局时。页面的渲染过程也变得更加缓慢。
此时，我们须要利用 <include />标签(避免反复渲染)和 ViewStub类(延迟载入)来优化我们的页面。
一、利用<include />标签来避免反复渲染

当我们须要为App中的每一个View都加入一个header或者footer时，你会怎么做？
反复地复制粘贴能够解决问题，但未免太繁杂。能够试着使用<include />标签：

第一种方式。在<include />标签内指定width及height:
main.xml
<RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android"
    android:layout_width= "fill_parent"
    android:layout_height= "fill_parent" >

    <Button
        android:layout_width ="fill_parent"
        android:layout_height ="wrap_content"
        android:layout_gravity ="center_vertical"
        android:onClick ="onShowMap"
        android:text ="@string/show_map" />

    <include
        android:layout_width ="fill_parent"
        android:layout_height ="wrap_content"
        android:layout_alignParentBottom ="true"
        android:layout_marginBottom ="30dp"
        layout ="@layout/footer" />

</RelativeLayout>

footer.xml
<TextView xmlns:android = "http://schemas.android.com/apk/res/android"
    android:layout_width= "0dp"
    android:layout_height= "0dp"
    android:gravity= "center"
    android:text= "@string/footer_text" />

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

另外一种方式。直接引用:
main.xml
<RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android"
    android:layout_width= "fill_parent"
    android:layout_height= "fill_parent" >

    <Button
        android:layout_width ="fill_parent"
        android:layout_height ="wrap_content"
        android:layout_gravity ="center_vertical"
        android:onClick ="onShowMap"
        android:text ="@string/show_map" />

    <include layout ="@layout/footer" />

</RelativeLayout>

footer.xml
<TextView xmlns:android = "http://schemas.android.com/apk/res/android"
    android:layout_width= "fill_parent"
    android:layout_height= "wrap_content"
    android:layout_alignParentBottom= "true"
    android:layout_marginBottom= "30dp"
    android:gravity= "center"
    android:text= "@string/footer_text" />

二、利用ViewStub类来延迟载入视图
在设计视图时，有时会考虑到某些视图的可见性是依赖于用户的操作或者执行设备的详细环境的。
此时你会怎样设计？不过改变View的visible属性？
我们先来看看ViewStub的介绍：
     ViewStub是一个不可见、不占空间(zero-sized)的控件。它能够用来在执行时延迟载入视图资源。仅仅有当我们将ViewStub的可见性设为true。或者调用inflate()方法，它的视图资源才会被载入。

如果我们设计的一个页面中包括地图View，试想一下下面这样的情况：
     有些用户不须要看到地图。

既然用户不须要看到地图，我们为何还坚持不懈地载入它？这反而影响了我们App的Performance。
此时，我们就能够利用ViewStub类了：
main.xml
<RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android"
    android:layout_width= "fill_parent"
    android:layout_height= "fill_parent" >

    <Button
        android:layout_width ="fill_parent"
        android:layout_height ="wrap_content"
        android:layout_gravity ="center_vertical"
        android:onClick ="onShowMap"
        android:text ="@string/show_map" />

    <ViewStub
        android:id ="@+id/map_stub"
        android:layout_width ="fill_parent"
        android:layout_height ="fill_parent"
        android:inflatedId ="@+id/map_view"
        android:layout ="@layout/map" />
</RelativeLayout>

map.xml
<com.google.android.maps.MapView xmlns:android ="http://schemas.android.com/apk/res/android"
    android:layout_width= "fill_parent"
    android:layout_height= "fill_parent"
    android:apiKey= "my_api_key"
    android:clickable= "true" />
接下来看看MainActivity
public class MainActivity extends MapActivity {

  private View mViewStub;

  @Override
  public void onCreate (Bundle savedInstanceState ) {
    super. onCreate( savedInstanceState );
    setContentView( R. layout. main);
    mViewStub = findViewById( R. id. map_stub);
  }

  public void onShowMap (View v) {
    mViewStub. setVisibility (View .VISIBLE );
  }
....
}

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


小结：
     1.当我们的页面变得复杂，XML文件内容过多时。<include />标签能够有效地帮助我们整理文件内容，同一时候提高了XML文件的可读性。同一时候，它的使用方法也与Fragment类似。
     2.ViewStub是一个极佳的延迟载入视图资源的方式。仅仅要你设计的视图是依赖于上下文来改变其可见性的，就利用ViewStub类吧。

或许当你仅仅将其应用在一个简单的页面其中时，并不会感觉到在性能上有不论什么提升，可是在复杂页面中，它的效果是极佳的。



posted @ 2016-04-01 15:04  lcchuguo  阅读(321)  评论(0)  编辑  收藏  举报