移动办公开发平台-MML开发手册
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
MES移动应用快速开发平台MML开发手册
MES移动应用快速开发平台 (1)
MML开发手册 (1)
1简介 (3)
1.1MCSS与MML的区别 (3)
1.2采用MML的哪些好处 (3)
2工作原理 (3)
3基础语法 (4)
3.1mml作为根标签 (4)
3.2标准结构 (4)
3.3空格和大小写 (5)
4标签 (5)
4.1mml (5)
4.2head (6)
4.3body (7)
4.4foot (8)
4.5leftmenu (9)
4.6rightmenu (10)
4.7form (11)
4.8button (12)
4.9select (13)
4.10option (14)
4.11textfield (16)
4.12textarea (17)
4.13file (19)
4.14radiogroup (20)
4.15radio (21)
4.16checkbox (23)
4.17list (24)
4.18listitem (26)
4.19label (27)
4.20img (28)
4.21a (29)
4.22menu (30)
4.23menuitem (32)
4.24menupopup (33)
4.25scrollpane (35)
4.26container (36)
4.27br (37)
4.28tabfolder (37)
4.29tabitem (38)
4.30table (40)
4.31tr (41)
4.32td (42)
4.33include (43)
1简介
MML的全称是MES Markup Language(MES标记语言)的缩写。
MML是广州市技高软件科技有限公司研发的一种手机标记语言,由各种标签命令组成的描述性文件,MML可以说明文字、图形、表格、菜单、链接、表单等。
MML的结构包括头部(head)、主体(body)、尾部(foot)三大部份,利用头部可以实现功能导航与页面标题提示,尾部也可以放置一些功能菜单,而主体则包含所要展示的具体内容。
设计MML语言的目的是为了能把存放在电脑的文本、图形或其它数据与手机方便地联系在一起,形成有机的整体,人们不用考虑具体信息是存放在哪里。
我们只需使用手指触摸手机上的某一图标,即可浏览或操作远程电脑上的内容。
1.1MCSS与MML的区别
MML用于结构化手机页面内容;MCSS用于格式化手机页面的内容;与HTML与CSS 的关系一样。
也可能简单的理解为MML提供手机页面的排版,MCSS用于手机页面的美化。
1.2采用MML的哪些好处
●手机平台无关性、不需要关心手机的操作系统、厂商、机型等
●简易性,不需要学习专业的手机开发知识。
●不需要编译,使用文本编辑器即可进行修改
2工作原理
MML的工作原理与HTML类似,HTML由浏览器(IE、Firefox)进行解析,而MML由MES的Mclient客户端进行解析。
3基础语法
3.1mml作为根标签
<mml>标签作为整个手机页面的根标签,与HTML语言的<html>一样,其它的MML标签必须写在<mml>里面。
3.2标准结构
以下为我们所建议的MML页面的标准结构
效果如下图:
3.3空格和大小写
MML对空格、大小写是不敏感的。
4标签
4.1mml
例子:
效果图如下:
4.2head
作为MML页面的头部,一般用于显示页面的标题,当然你也可以在<head>里放置任何你想要的其它标签。
有以下属性:
例子:
效果图如下:
4.3body
作为MML页面的内容显示区域,可以放置除了mml、head、body、foot之外的所有标签。
另外,body默认采用gridlayout布局,并设置为只有一个单元格,所以默认只能放置一个控件,或者更改body的布局为你所需要的。
有以下属性:
例子:
效果图如下
4.4foot
作为MML页面的尾部,一般用于显示页面的标题,当然你也可以在<foot>里放置任何你想要的其它标签。
由于foot采用staticlayout布局,如果想对里面的子标签进行排版,必须使用layout-data:sld()方式进行定位。
有以下属性:
例子:
效果图如下:
4.5leftmenu
表示MML页面的左菜单,可以在此菜单里添加menupopup(弹出菜单)。
有以下属性:
有以下事件:
例子:
点击”左菜单”后,效果图如下:
4.6rightmenu
表示MML页面的右菜单,可以在此菜单里添加menupopup(弹出菜单)。
有以下属性:
有以下事件:
例子:
点击“右菜单”后,效果图如下:
4.7form
MML页面的表单,与HTML语言的form一致。
Form标签里可以包含除了mml、head、body、foot、form之外的所有标签。
有以下属性:
例子:
form是透明的,所以无效果图
4.8button
表示MML页面的按钮,button标签可以包含如图片、文本标签。
有以下属性:
有以下事件:
例子:
效果图如下:
4.9select
表示MML页面的选择框,select标签只能包含option标签,可以放置一至多个。
有以下属性:
有以下事件:
例子:
效果图如下:
4.10option
表示MML页面的选择框的子选项,可以在option标签里放置如图片、文本之类的标签。
有以下属性:
有以下事件:
例子:
效果图如下:
4.11textfield
表示MML页面的单行文本输入框
有以下属性:
有以下事件:
例子:
效果图如下:
4.12textarea
表示MML页面的多行文本输入框
有以下属性:
有以下事件:
例子:
效果图如下:
4.13file
表示MML页面的文件选择框
有以下属性:
例子:
效果图如下:
4.14radiogroup
表示MML页面的单选组,包含一至多个单选按钮,radiogroup标签只能包含radio 标签。
有以下属性:
有以下事件:
例子:
效果图如下:
4.15radio
表示MML页面的单选按钮,,可以在radio标签里放置如图片、文本之类的标签。
有以下属性:
有以下事件:
例子:
效果图如下:
4.16checkbox
表示MML页面的多选按钮,可以在checkbox标签里放置如图片、文本之类的标签。
有以下属性:
有以下事件:
例子:
效果图如下:
4.17list
表示MML页面的列表,列表内只能放置listitem标签
有以下属性:
例子:
效果图如下:
4.18listitem
表示MML页面的列表项,列表项内可以放置各种各样的控件
有以下属性:
有以下事件:
例子:
效果图如下:
4.19label
表示MML页面的文本标签。
有以下属性:
例子:
效果图如下:
4.20img
表示MML页面的图片标签。
有以下属性:
例子:
效果图如下:
4.21 a
表示MML页面的链接标签。
有以下属性:
有以下事件:
例子:
效果图如下:
4.22menu
表示MML页面的菜单标签。
有以下属性:
有以下事件:
例子:
效果图如下:
4.23menuitem
表示MML页面的子菜单标签。
有以下属性:
有以下事件:
例子:
效果图如下:
4.24menupopup
表示MML页面的弹出菜单标签。
有以下属性:
例子:
效果图如下:
4.25scrollpane
表示MML页面的滚动面版,其作用是如果在些面版内的显示的内容超出了手机屏幕大小,那么将会自动出现水平与垂直的滚动条。
有以下属性:
例子:
效果图如下:
4.26container
表示MML页面的透明容器,container默认采用inlinelayout布局。
有以下属性:
例子:
4.27br
表示MML页面的抽行标签,与HTML<BR/>一致,但是br标签只作用于flowlayout 布局的容器内。
4.28tabfolder
表示MML页面的选项卡文件夹,tabfolder只可以包含tabitem标签。
有以下属性:
例子:
效果图如下:
4.29tabitem
表示MML页面的选项卡, tabitem可以包含除了mml、head、foot、tabitem之外的所有控件。
有以下属性:
有以下事件
例子:
效果图如下:
4.30table
表示MML页面的表格标签, table只可以包含tr标签。
有以下属性:
例子:
效果图如下:
4.31tr
表示MML页面的表格的行标签, tr只可以包含td标签。
有以下属性:
例子:
效果图如下:
4.32td
表示MML页面的表格的单元格标签, td标签可以包含除了mml、head、foot、body 的标签。
有以下属性:
例子:
效果图如下:
4.33include
表示MML页面的可以包含另一个MML页面。
例子:。