标记语言(MML)
- 基本概念
MML(MES Markup Language),即MES平台的标记语言,与我们熟悉的HTML相似,它可以将文本、文本、媒体数据作为载体,透过HTTP协议,甚至底层的TCP/IP协议在互联网/局域网进行传输。您可以使用任何文本编辑器创建或修改MML,就可以轻轻松松的开发出专业的企业移动应用程序。MES平台提供了专业的IDE工具让您的开发过程更简单、更快捷。 - 基本结构
以下是MML的基本标签结构。
下图是此代码所对应的界面preview效果
- Page控件
<Page>表示一个手机页面与HTML的<Html>相仿,所有的手机UI控件必须内嵌于<Page>。并可通过Page设置页面级别的属性,如页面背景图片,背景颜色等。 - head控件
<head>标签表示页面的顶部条状区域,开发用户可在此区域添加你需要的任何失控件。如下图:
效果如下:
- body控件
<body>标签表示页面的中间区域,用户可在此区域放置您需要的任何控件,如下图:
效果如下:
- foot控件
<foot>标签表示页面的底部条状区域,开发用户可在此区域添加你需要的任何失控件。如下图:
效果如下图:
- 表单控件
表单控件由以下控件组合而成:
<form> 标签作为表单的父容器,可以包含所有的表单控件,但不可以嵌套表单。
<textfield> 标签表示单行的文本输入框,分password、any二种类型。
<textarea> 标签表示多行的文件输入框。
<file> 标签表示文件选择框。
<button> 标签表示按钮,分reset、submit二种类型。
<radiogroup> 标签作为radio单选项的容器,此容器内只允许一个radio被选中。
<radio>标签表示单选项。
<checkbox> 标签表示复选项
<select> 标签表示选择框,包括多个选择子项控件。
<option> 标签表示选择框的选择子项。
- 表格控件
表格由以下控件组成:
<Table> 标签作为表格父容器,只可以包含<Tr>控件。
<Tr> 标签表示表格的每一行,只可以包含<Td>控件。
<Td>标签表示表格的每一列,可以包含任何的控件。
- 列表控件
列表控件由以下控件组成:
<list> 标签作为列表的父容器,只可以包括<listitem>控件。
<listitem>标签表示列表行,可以包含任何的控件。
- 选项卡控件
选项卡由以下控件组成:
<tabfolder> 标签作为选项卡的父容器,只可以包含<tabitem>控件。
<tabitem> 标签表示选项卡子项,可以包含任何的控件。
- 菜单控件
菜单由以下控件组成:
<menu> 标签作为菜单的父容器
<menuitem> 标签作为菜单子项,可以包括所有控件。
<menupopup> 标签作为弹出菜单的父容器,包含menu、menuitem控件。
<leftmenu> 标签表示手机屏幕左下角的菜单
<rightmenu> 标签表示手机屏幕右下角的菜单
- 图片控件
<img> 标签表示手机屏幕上的图版资源。
- 容器控件
<container>标签表示一个容器
- 滚动面版控件
<scrollpane> 标签表示一个可以支持滚动的控件。
- 标签控件
<label>标签表示文本
- 换行控件
<br> 标签表示换行,只要用于页面排版。
- 链接控件
<a>标签表示一个超链接,与HTML的<a>类似。
- 控件布局
MML支持各种功能强大的布局算法,通过布局控件,开发用户可更简单的进行页面排版。以下是MML所支持的布局:
Boderlayout:此布局将页面划分为下、下、左、右、中五大区域。
Inlinelayout: 此布局分为水平或垂直二类,将页面划分为只有一行或只有一列。
Flowlayout: 此布局按流水式风格对控件进行排列。
Gridlayout: 此布局根据指定的列或行数,将页面划分了列*行个网格,将控件按顺序放置于网格内。
Staticlayout: 此布局根据布局内控件的x、y坐标进行排列。
Tablelayout: 此布局只对table控件生效。
- 控件样式
MES 平台遵照W3C CSS.2.1标准,实现了样式与控件分离的风格展现技术,客户可以无须更改UI即可以升级手机客户端的样式风格, MML的样式定义分以下二种方式:
1)独立的样式文件,可以将MML标签与样式完全分离,极大方便了日常的维护工作。如下图所示:
2)内嵌式样式属性,将样式作为MML标签属性写入,如下图所示:
请参考 移动oa