1.使用<include /> 标签来重用layout代码
如果在一个项目中需要用到相同的布局设计,可以通过<include /> 标签来重用layout代码,该标签在android开发文档中没有相关的介绍。在android主屏程序中 用到了这个标签:
- <com.android.launcher.Workspace
- android:id="@+id/workspace"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- launcher:defaultScreen="1">
- <include android:id="@+id/cell1" layout="@layout/workspace_screen" />
- <include android:id="@+id/cell2" layout="@layout/workspace_screen" />
- <include android:id="@+id/cell3"layout="@layout/workspace_screen" />
- </com.android.launcher.Workspace>
这样可以多次引用一个布局片段而不用重复的复制、粘贴。通过include标签也可以覆写一些属性的值,例如上面的示例就覆写了引用的layout中的id值。下面是另外一个示例:
- <include android:layout_width="fill_parent"layout="@layout/image_holder" />
- <include android:layout_width="256dip" layout="@layout/image_holder" />
2.使用<merge /> 标签来减少视图层级结构 在Android layout文件中需要一个顶级容器来容纳其他的组件,而不能直接放置多个组件,例如如下的代码:
- <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:text="Golden Gate" />
- </FrameLayout>
单独将<merge />标签做个介绍,是因为它在优化UI结构时起到很重要的作用。目的是通过删减多余或者额外的层级,从而优化整个Android Layout的结构。
3.将通过一个例子来了解这个标签实际所产生的作用,这样可以更直观的了解<merge/>的用法。
建立一个简单的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节点)?这时候就要用到<merge />标签来处理类似的问题了。我们将上边xml代码中的framLayout替换成merge:
- <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"
- android:background="#AA000000"
- android:textColor="#ffffffff"
- android:text="Golden Gate" />
- </merge>
运行程序后在Emulator中显示的效果是一样的,可是通过hierarchyviewer查看的UI结构是有变化的,当初多余的FrameLayout节点被合并在一起了,或者可以理解为将merge标签中的子集直接加到Activity的FrameLayout跟节点下(这里需要提醒大家注意:所有的Activity视图的根节点都是frameLayout)。如果你所创建的Layout并不是用framLayout作为根节点(而是应用LinerLayout等定义root标签),就不能应用上边的例子通过merge来优化UI结构。
4.除了上边的例子外,meger还有另外一个用法
当应用Include或者ViewStub标签从外部导入xml结构时,可以将被导入的xml用merge作为根节点表示,这样当被嵌入父级结构中后可以很好的将它所包含的子集融合到父级结构中,而不会出现冗余的节点。
另外有两点需要特别注意:
- <merge />只可以作为xml layout的根节点。
- 当需要扩充的xml layout本身是由merge作为根节点的话,需要将被导入的xml layout置于 viewGroup中,同时需要设置attachToRoot为True。(更多说明请参见inflate()文档)
相关推荐
auto-merge-language是自动替换Android项目中的strings.xml多语文案工具
Android UI优化之merge标签的使用,主要介绍merge方法使用的注意事项及方法实现。
通过merge-sort算法的实现,掌握外存算法所基于的I/O模型与内存算法基于的RAM模型的区别;理解不同的磁盘访问优化方法是如何提高数据访问性能的。
bootstrap table实现合并单元格效果,切换第二页也合并单元格效果,需要依赖于bootstrap-table.js,bootstrap table.css
0709-动态SQL-merge-into.sql
资源来自pypi官网。 资源全名:triangular-grid-merge-1.0.0.tar.gz
WinMerge-2.16.24,2022年10月版本
android include merge标签
WinMerge 3 ========== WinMerge 3 is a port of WinMerge (http://winmerge.org) to use cross-platform with Qt (http://qt.nokia.com/) framework. This project is still in very early stages. WinMerge 3 is...
android merge 标签使用介绍
Laravel开发-laravel-pdf-merge 暂无描述
octoherd-script-set-pr-merge-config 设置拉取请求合并配置的octoherd脚本用法npx octoherd - script - set - pr - merge - config \ -- octoherd - token 0123456789012345678901234567890123456789 \ ...
npm-merge-driver安装 自动合并package-lock.json冲突的软件包。 很大程度上基于 ,在软件包安装时进行自动设置,并且只有一个小的依赖项来进行ci检查。 用生成的目录 安装 安装运行 npm i --save-dev npm-...
(1K => 0.5K压缩)入门从npm加载util: # NPM:npm i vue-functional-data-merge# Yarn:yarn add vue-functional-data-merge 现在,将其导入并在您的功能组件声明中使用: // MyFunctionalComponent.js// ESMimport...
为了更好地分割蝗虫图像,对传统Split-Merge算法做出改进:用PCNN来进行分裂,采用一种简化的Mumford-Shah模型进行合并。该方法的优点是:分裂阶段不仅无效分割数目减少,而且无方块效应,对边缘定位准确;合并阶段...
前端开源库-geojson-mergegeojson合并,合并多个geojson文件
easy-pdf-merge是一个节点模块,可以轻松地将多个PDF合并为一个PDF。 该模块使用 。 无需特殊软件即可运行该模块。 但是必须存在Java 6或更高版本。 该项目目前正在维护! 欢迎通过PR捐款。 我将尝试添加一个有...
android-app:只是官方merge.my Android应用程序的源代码
npm-merge-driver(1)-用于自动合并锁文件的git merge驱动程序自动设置(推荐): 要立即开始使用它: $ npx npm-merge-driver install --global或按项目在本地安装: $ cd /path/to/git/repository$ npx npm-merge...
Algorithm-cpp-drop-merge-sort.zip,HTTPS://GITHUB/COM/EMILK/DROP MIGGE排序的C 实现,算法是为计算机程序高效、彻底地完成任务而创建的一组详细的准则。