Android UI学习 - FrameLayou和布局优化

核心提示： 布局优化使用tools里面的hierarchyviewer.bat来查看layout的层次，在启动模拟器启动所要分析的程序，Android UI学习 - FrameLayou和布局优化(2)，再启动 hierarchyviewer.bat，选择模拟器以及该程序，如果直接删除FrameLayout则该文件就不是合法的布

 

布局优化

使用tools里面的hierarchyviewer.bat来查看layout的层次。在启动模拟器启动所要分析的程序，再启动 hierarchyviewer.bat，选择模拟器以及该程序，点击“Load View Hierarchy”，就会开始分析。可以save as png。

< merge > 减少视图层级结构

从上图可以看到存在两个FrameLayout，红色框住的。如果能在layout文件中把FrameLayout声明去掉就可以进一步优化布局代码了。 但是由于布局代码需要外层容器容纳，如果

直接删除FrameLayout则该文件就不是合法的布局文件。这种情况下就可以使用< merge > 标签了。

修改为如下代码就可以消除多余的FrameLayout了：

1. < ?xml version="1.0" encoding="utf-8"? >

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

3. < ImageView

4. android:id="@+id/image"

5. android:layout_width="fill_parent"

6. android:layout_height="fill_parent"

7. android:scaleType="center"

8. android:src="@drawable/candle"

9. / >

10. < TextView

11. android:id="@+id/text1"

12. android:layout_width="wrap_content"

13. android:layout_height="wrap_content"

14. android:layout_gravity="center"

15. android:textColor="#00ff00"

16. android:text="@string/hello"

17. / >

18. < Button

19. android:id="@+id/start"

20. android:layout_width="wrap_content"

21. android:layout_height="wrap_content"

22. android:layout_gravity="bottom"

23. android:text="Start"

24. / >

25. < /merge >

< merge >也有一些使用限制： 只能用于xml layout文件的根元素;在代码中使用LayoutInflater.Inflater()一个以merge为根元素的

布局文件时候，需要使用View inflate (int resource, ViewGroup root, boolean