Android系统中的UI优化(4)

    <ImageView 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"  
        android:scaleType="center" 
        android:src="@drawable/golden_gate" /> 
 
    <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_marginBottom="20dip" 
        android:layout_gravity="center_horizontal|bottom" 
        android:padding="12dip" 
        android:background="#AA000000" 
        android:textColor="#ffffffff" 
        android:text="Golden Gate" /> 
</FrameLayout> 
以上布局的效果图如下：

启动 tools> hierarchyviewer.bat工具查看当前UI结构视图：

 我们可以很明显的看到由红色线框所包含的结构出现了两个framelayout节点，很明显这两个完全意义相同的节点造成了资源浪费（这里可以提醒大家在开发工程中可以习惯性的通过hierarchyViewer查看当前UI资源的分配情况），那么如何才能解决这种问题呢？（就当前例子是如何去掉多余的frameLayout节点），这时候就要用到 &lt;merge/&gt; 标签了，我们将上边xml代码中的framLayout替换成merge：
Xml代码 
<merge xmlns:android="http://schemas.android.com/apk/res/android"> 
    <ImageView 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"  
        android:scaleType="center" 
        android:src="@drawable/golden_gate" /> 
    <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_marginBottom="20dip" 
        android:layout_gravity="center_horizontal|bottom" 
        android:padding="12dip"