Android布局优化----ViewStub、include、merge

1 StubView

作用：StubView标签中的布局只有在需要的时候才会被渲染加载。

注意：StubView的渲染加载操作只能执行一次；不支持merge标签

使用示例：

（1）ViewStub中引用的布局

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

<code><</code><code>LinearLayout</code>

<code> </code><code>android:id</code><code>=</code><code>"@+id/stublayout"</code>

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

<code> </code><code>android:orientation</code><code>=</code><code>"vertical"</code> <code>android:layout_width</code><code>=</code><code>"match_parent"</code>

<code> </code><code>android:layout_height</code><code>=</code><code>"match_parent"</code><code>></code>

<code> </code><code><</code><code>TextView</code>

<code> </code><code>android:id</code><code>=</code><code>"@+id/sbtv"</code>

<code> </code><code>android:layout_width</code><code>=</code><code>"300dp"</code>

<code> </code><code>android:layout_height</code><code>=</code><code>"300dp"</code>

<code> </code><code>android:text</code><code>=</code><code>"this is sub text view"</code><code>/></code>

<code></</code><code>LinearLayout</code><code>></code>

（2）使用ViewStub

<code><</code><code>ViewStub</code>

<code> </code><code>android:id</code><code>=</code><code>"@+id/viewstub"</code>

<code> </code><code>android:layout_width</code><code>=</code><code>"100dp"</code>

<code> </code><code>android:layout_height</code><code>=</code><code>"100dp"</code>

<code> </code><code>android:layout</code><code>=</code><code>"@layout/sublayout"</code><code>/></code>

（3）java代码中渲染加载

<code>ViewStub stub = (ViewStub)findViewById(R.id.viewstub);</code>

<code>stub.inflate();</code>

<code>TextView stubtv = (TextView)layout.findViewById(R.id.sbtv);</code>

<code>stubtv.setText(</code><code>"hello stub！"</code><code>);</code>

2 include标签

作用：将引用的布局替换到当前布局中该标签所处的位置；

注意：引用的布局非merge，设置inlude的id属性后会覆盖掉引用布局顶层layout的id；

示例1 引用布局非merge

（1）引用布局

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

<code> </code><code>android:id</code><code>=</code><code>"@+id/sharedlayout2"</code>

<code> </code><code>android:layout_width</code><code>=</code><code>"200dp"</code>

<code> </code><code>android:layout_height</code><code>=</code><code>"200dp"</code>

<code> </code><code>android:background</code><code>=</code><code>"@android:color/black"</code><code>></code>

<code> </code><code>android:id</code><code>=</code><code>"@+id/mytv"</code>

<code> </code><code>android:layout_width</code><code>=</code><code>"100dp"</code>

<code> </code><code>android:layout_height</code><code>=</code><code>"100dp"</code>

<code> </code><code>android:background</code><code>=</code><code>"@android:color/holo_blue_light"</code>

<code> </code><code>android:text</code><code>=</code><code>"这时一个公用的布局"</code><code>/></code>

（2）使用include标签

<code> </code><code>android:id=</code><code>"@+id/include1"</code><code></code>

<code> </code><code>layout=</code><code>"@layout/my"</code>

<code> </code><code>android:layout_width=</code><code>"50dp"</code>

<code> </code><code>android:layout_height=</code><code>"50dp"</code><code>></include></code>

（3）java中使用

<code>LinearLayout sharedlayout = (LinearLayout) findViewById(R.id.include1);</code>

<code>TextView tv = (TextView) sharedlayout.findViewById(R.id.mytv);</code>

<code>tv.setText(</code><code>"hello include1"</code><code>);</code>

示例2 引用merge布局

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

<code> </code><code><</code><code>LinearLayout</code>

<code> </code><code>android:id</code><code>=</code><code>"@+id/mergetlayout"</code>

<code> </code><code>android:layout_width</code><code>=</code><code>"wrap_content"</code>

<code> </code><code>android:layout_height</code><code>=</code><code>"wrap_content"</code><code>></code>

<code> </code><code><</code><code>TextView</code>

<code> </code><code>android:id</code><code>=</code><code>"@+id/mergetv1"</code>

<code> </code><code>android:layout_width</code><code>=</code><code>"40dp"</code>

<code> </code><code>android:layout_height</code><code>=</code><code>"40dp"</code>

<code> </code><code>android:background</code><code>=</code><code>"@android:color/holo_blue_bright"</code>

<code> </code><code>android:text</code><code>=</code><code>"merge text1"</code> <code>/></code>

<code> </code><code>android:id</code><code>=</code><code>"@+id/mergetv2"</code>

<code> </code><code>android:background</code><code>=</code><code>"@android:color/darker_gray"</code>

<code> </code><code>android:text</code><code>=</code><code>"merge text2"</code> <code>/></code>

<code> </code><code></</code><code>LinearLayout</code><code>></code>

<code></</code><code>merge</code><code>></code>

（2）include标签：merge布局没有id属性，所以这里的id其实没有意义

<code><</code><code>include</code>

<code> </code><code>android:id</code><code>=</code><code>"@+id/include2"</code>

<code> </code><code>layout</code><code>=</code><code>"@layout/mymerge"</code><code>></</code><code>include</code><code>></code>

<code>//LinearLayout layout = (LinearLayout)findViewById(R.id.include2);//通过该代码无法获取(1) 中的LinearLayout，这里的layout为null</code>

<code>TextView mTV1 = (TextView)findViewById(R.id.mergetv1);</code>

<code>mTV1.setText(</code><code>"hello merge tv1"</code><code>);</code>

<code>TextView mtv2 = (TextView)findViewById(R.id.mergetv2);</code>

<code>mtv2.setText(</code><code>"hello merge tv2"</code><code>);</code>

3 merge标签

merge标签相当于控件的简单集合，被include到其他布局中后根据所处容器布局结合各个控件的相关属性进行布局。

注意：merge标签没有id属性

（1）merge布局