Android UI 优化

核心提示：Layout的结构，将通过一个例子来了解这个标签实际所产生的作用，Android UI 优化(4)，这样可以更直观的了解的用法，建立一个简单的Layout，以下是xml代码：FrameLayout xmlns:android="http://schemas.android.com/apk/res/androi

Layout的结构。

将通过一个例子来了解这个标签实际所产生的作用，这样可以更直观的了解的用法。

建立一个简单的Layout，其中包含两个Views元素：

ImageView

和

TextView

默认状态下我们将这两个元素放在FrameLayout中。其效果是在主视图中全屏显示一张图片，之后将标题显示在图片上，并位于视图的下方。以下是xml代码：

FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

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>

应用上边的Layout运行的视图为：

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

我们可以很明显的看到由红色线框所包含的结构出现了两个framelayout节点，很明显这两个完全意义相同的节点造成了资源浪费(这里可以提醒大家在开发工程中可以习惯性的通过hierarchyViewer查看当前UI资源的分配情况)，那么如何才能解决这种问题呢(就当前例子是如何去掉多余的 frameLayout节点)?这时候就要用到标签来处理类似的问题了。我们将上边xml代码中的framLayout替换成merge：

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

ImageView