• 【移动开发】布局优化利器<include/>和ViewStub


    本文翻译自《50 android hacks》


    当创建复杂的布局的时候。有时候会发现加入了非常多的ViewGroup和View。随之而来的问题是View树的层次越来越深,应用也变的越来越慢,由于UI渲染是非常耗时的。

    这时候就应该进行布局优化了。

    这里介绍两种方式,分别为<include>标签和ViewStub类。


    <include/>

    使用<include/>是为了避免代码的反复。

    设想一种情况。我们须要为app中的每一个视图都加入一个footer,这个footer是一个显示app名字的TextView。通常多个Activity相应多个XML布局文件,难道要把这个TextView复制到每一个XML中吗?假设TextView须要做改动,那么每一个XML布局文件都要进行改动,那简直是噩梦。

    面向对象编程的当中一个思想就是代码的复用。那么怎么进行布局的复用呢?这时,<include/>就起作用了。

    假设学过C语言,那么对#include应该不陌生,它是一个预编译指令,在程序编译成二进制文件之前。会把#include的内容复制到#include的位置。

    Android中的<include/>也能够这么理解。就是把某些通用的xml代码复制到<include/>所在的地方。以一个Activity为例。

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"
        android:layout_height="fill_parent" >
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:gravity="center_horizontal"
            android:text="@string/hello" />
        
        <include layout="@layout/footer_with_layout_properties"/>
    
    
    </RelativeLayout>
    footer_with_layout_properties.xml中就是一个简单的TextView,代码例如以下:

    <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_horizontal"
        android:text="@string/footer_text" />
    上述的代码中,我们使用了<include/>标签,达到了代码复用的目的。

    可是。仍然存在一些疑惑。

    footer_with_layout_properties.xml中使用了android:layout_alignParentBottom属性,这个属性之所以可行。是由于外层布局是RelativeLayout。

    那么,假设外层布局换做LinearLayout又会如何呢?答案显而易见,这肯定是行不通的。

    那么怎么办呢?我们能够把详细的属性写在<include/>标签里面。看以下的代码。

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:gravity="center_horizontal"
            android:text="@string/hello"/>
        <include
            layout="@layout/footer"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="30dp"/>
    </RelativeLayout>
    我们直接在<include/>标签里面使用了android:layout_*属性。

    注意:假设想要在<include/>标签中覆盖被包括布局所指定的不论什么android:layout_*属性,必须在<include/>标签中同一时候指定layout_width和layout_height属性。这可能是一个Android系统的一个bug吧。


    ViewStub
    在开发过程中。难免会遇到各种交互问题。比如显示或隐藏某个视图。假设想要一个视图仅仅在须要的时候显示,能够尝试使用ViewStub这个类。

    先看一下ViewStub的官方介绍:

    “ViewStub是一个不可视而且大小为0的视图,能够延迟到执行时填充布局资源。当ViewStub设置为Visible或调用inflate()之后。就会填充布局资源。ViewStub便会被填充的视图替代”。

    如今已经清楚ViewStub能干什么了。那么看一个样例。一个布局中,存在一个MapView,仅仅有须要它的时候。才让它显示出来。

    <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文件里包括一个MapView,仅仅有在必要的时候,才会让它显示出来。

    <com.google.android.maps.MapView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/map_view"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:apiKey="my_api_key"
        android:clickable="true" />

    另外。inflatedId是ViewStub被设置成Visible或调用inflate()方法后返回的id,这个id就是被填充的View的id。在这个样例中,就是MapView的id。

    接下来看看ViewStub是怎么使用的。

    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);
      }
    
      @Override
      protected boolean isRouteDisplayed() {
        return false;
      }
    }


    题外话

    有的同学肯定会问,使用ViewStub和单纯地把View设置为View.GONE或View.VISIBLE有什么差别呢?不都是显示和隐藏吗,使用ViewStub反而更麻烦了。

    确实是有差别的,会涉及到View树的渲染。内存消耗等。

    至于有什么详细的差别,就请大家自己去Google吧。

    俗话说。自己动手,丰衣足食嘛!


    參考资料

    http://code.google.com/p/android/issues/detail?id=2863

    http://android-developers.blogspot.com.ar/2009/03/android-layout-tricks-3-optimize-with.html

    http://developer.android.com/reference/android/view/ViewStub.html


  • 相关阅读:
    C++——多态性
    C++——继承与派生
    C++——字符串处理
    C++——深拷贝
    C++——浅拷贝
    C++——动态内存分配3
    C++——动态内存分配2-创建对象数组
    C++——动态内存分配1
    C++——指针5
    C++——指针4
  • 原文地址:https://www.cnblogs.com/jzssuanfa/p/6886011.html
Copyright © 2020-2023  润新知