Android-优化UI性能(四)-使用ViewStub

Android-优化UI性能(4)-使用ViewStub
ViewStub概念：
ViewStub是一个看不见的，轻量级的View。它没有尺寸，也不会绘制以及以某种形式参与到布局中来。只有当调用了inflate的之后其中的view才会被实例化，
这意味着ViewStub保留View层次的结构的代价是很低的

1，延时加载不常用的UI控件
当某些控件只在很多好的情况下才会使用，我们可以抵用ViewStub来延迟加载
以提高UI加载的速度及减少内存的消耗
下面是一个Demo：
主Activity类：

public class MainActivity extends Activity{    @Override    protected void onCreate(Bundle savedInstanceState)    {        super.onCreate(savedInstanceState);        //加载按钮布局        setContentView(R.layout.layout_delay);        //建立按钮对象和点击事件        Button _button = (Button)findViewById(R.id.buttonLoad);        _button.setOnClickListener(new OnClickListener()        {            @Override            public void onClick(View arg0)            {                // TODO Auto-generated method stub                //使得按钮不可见                arg0.setEnabled(false);                //得到Stub对象                ViewStub _viewStub = (ViewStub)findViewById(R.id.viewStubLoad);                //压入当前布局                View inflate = _viewStub.inflate();            }        });    }

两个布局文件：
1，layout_delay.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" >    <ViewStub        android:id="@+id/viewStubLoad"        android:layout_width="wrap_content"        android:layout_height="wrap_content"         android:inflatedId="@+id/viewStub"    //应用activity_main.xml        android:layout="@layout/activity_main"/>    <Button        android:id="@+id/buttonLoad"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="load" /></LinearLayout>

2,activity.xml

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context=".MainActivity" >    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="@string/hello_world" /></RelativeLayout>

结果如下:

2，提高改变布局的速度
需要的使用场景：界面需要频繁的切换，提高切换速度

使用的方法：以频繁改变横竖屏Demo来解释
1，设置Activity
android:configChanged=”keyboardHidden|orientation”

<activity android:name=".MyConfigureChangedActivity"            android:configChanges="keyboardHidden|orientation">            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>

2,为横竖屏编写不同的layout
land:

<?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="horizontal" >    <TextView        android:id="@+id/textViewLand"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="TextView" />    <SeekBar        android:id="@+id/seekBarLand"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_weight="1" /></LinearLayout>

如下图：

port:

<?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" >    <TextView        android:id="@+id/textViewPort"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="TextViewPort" />    <SeekBar        android:id="@+id/seekBarPort"        android:layout_width="match_parent"        android:layout_height="wrap_content" /></LinearLayout>

如下图：

3，创建一个layout，并且只包含两个View Stub分别对应横竖屏

<?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" >    <ViewStub        android:id="@+id/StubLand"        android:layout_width="wrap_content"        android:layout_height="wrap_content"          android:inflatedId="@+id/inflateStubLand"        android:layout="@layout/layout_land"/>    <ViewStub        android:id="@+id/StubPort"        android:layout_width="wrap_content"        android:layout_height="wrap_content"         android:inflatedId="@+id/inflateStubPort"        android:layout="@layout/layout_port"/></LinearLayout>

4，在横竖屏的时候，通过调用ViewStub.inflate创建当前的View并将另外一个设为GONE

private void setOrientationlayout(int orientation)    {        //如果系统状态为水平方向        if (orientation == Configuration.ORIENTATION_LANDSCAPE)        {            //水平方向没有布局，就创建布局            if (null == mLanderView)            {                ViewStub _viewStub = (ViewStub)findViewById(R.id.StubLand);                mLanderView = _viewStub.inflate();            }            //如果当前布局低竖直布局的话就设置为不可见            if (null != mPortView)            {                mPortView.setVisibility(View.GONE);            }            //绑定界面布局            bindView(mLanderView);        }        else        {            //如果系统状态为竖直方向            //当前布局为水平布局，就设置为不可见            if (null != mLanderView)            {                mLanderView.setVisibility(View.GONE);            }            //竖直布局为空，就压入竖直布局            if (null == mPortView)            {                ViewStub _viewStub = (ViewStub)findViewById(R.id.StubPort);                mPortView = _viewStub.inflate();            }            //绑定界面            bindView(mPortView);        }    }

5，绑定并设置控件的状态

//绑定函数    private void bindView(View p_v)    {        //要绑定的View设置为可见        p_v.setVisibility(View.VISIBLE);        //两个控件采用系统的布局        mSeekBar = (SeekBar)findViewById(android.R.id.progress);        mTextView = (TextView)findViewById(android.R.id.text1);    }

onCreate

//onCreate protected void onCreate(Bundle savedInstanceState)    {        // TODO Auto-generated method stub        super.onCreate(savedInstanceState);        setContentView(R.layout.layout_land);        Display _disPlay = ((WindowManager)getSystemService(WINDOW_SERVICE)).getDefaultDisplay();         //得到布局的方向        setOrientationlayout(_disPlay.getOrientation());    }