设为首页 加入收藏

TOP

Android UI 优化 使用<include/>和 <merge />标签
2015-02-02 22:57:51 来源: 作者: 【 】 浏览:20
Tags:Android 优化 使用 < include/> merge /> 标签

使用 标签来重用layout代码


? ? ?


这样可以多次引用一个布局片段而不用重复的复制、粘贴。通过include标签也可以覆写一些属性的值,例如上面的示例就覆写了引用的layout中的id值。下面是另外一个示例:


使用 标签来减少视图层级结构在Android layout文件中需要一个顶级容器来容纳其他的组件,而不能直接放置多个组件,例如如下的代码:

??? android:layout_width="fill_parent"


??? android:layout_height="fill_parent">


???

??????? android:layout_width="fill_parent"


??????? android:layout_height="fill_parent"


??????? android:scaleType="center"


??????? android:src="@drawable/golden_gate" />


???

??????? android:layout_width="wrap_content"


??????? android:layout_height="wrap_content"


??????? android:text="Golden Gate" />




单独将标签做个介绍,是因为它在优化UI结构时起到很重要的作用。目的是通过删减多余或者额外的层级,从而优化整个Android Layout的结构。


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


建立一个简单的Layout,其中包含两个Views元素:ImageView和TextView 默认状态下我们将这两个元素放在FrameLayout中。其效果是在主视图中全屏显示一张图片,之后将标题显示在图片上,并位于视图的下方。以下是xml代码:


??? android:layout_width="fill_parent"
??? android:layout_height="fill_parent">


??? ??????? android:layout_width="fill_parent"
??????? android:layout_height="fill_parent"


??????? android:scaleType="center"
??????? android:src="@drawable/golden_gate" />


??? ??????? 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" />



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



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


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Linux下编译cppunit1.12.1出现.. 下一篇Android的listview的原始初衷(入..

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: