移动应用快速开发平台(五)

MML(MES Markup Language)是一种类似HTML的语言,用于创建企业移动应用程序。本文介绍MML的基本结构,包括Page、head、body、foot等标签,并详细解释了表单、表格、列表等多种控件的使用方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

标记语言(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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值