专利名称：嵌入式界面设计装置及方法
技术领域：
本发明涉及手机嵌入式软件设计领域，尤其涉及一种嵌入式界面设计装置 及方法。
背景技术：
随着目前手机市场竟争的白热化，对于手机的开发周期提出了越来越高的 要求。而事实上，在手机开发过程中由于采用不同的底层芯片，往往会造成上 层开发工具的不同，最终导致最上层应用软件的重复开发，浪费了大量的人力、 物力以及时间，所以统一的跨平台开发工具无疑是解决这一 问题的 一个重要途面设计工具，从而大大减少了重复劳动，节省了开发时间。目前比较常用的跨平台开发工具是QT Designer,这是一款基于C+十的跨平 台图形用户接口 ( GUI, Graphical User Interface )及应用软件设计工具，可以 直接通过拖拽的方式来完成对界面的布局工作，并且能够在PC机端进行预览， 但是这种预览是具有局限性的。QT Designer的设计环境本身是采用手机目标环 境的GUI进行创建的，所以它在预览时所采用的GUI必须是与本身的设计环境 相同的GUI，即两者是处在同一平台下，自成一套系统。而如果在设计环境中 采用一般编程环境，例如Java的Eclipse,在QT Designer上就无法做到预览显 示。另外，QT Designer所提供的预览不具有即时性，它需要在每次调整之后重 新启动预览功能，这为开发人员的工作带来了麻烦。发明内容有鉴于此，本发明的主要目的在于提供一种跨平台即时预览的嵌入式界面设计装置。 本发明的另一目的在于提供一种跨越平台、即时预览的嵌入式界面设计方法。为达到上述目的，本发明的技术方案是这样实现的一种嵌入式界面设计装置，包括位于界面设计平台的界面布局工具，用于 设计手机界面布局，将包含界面布局信息的显示请求发送到模拟器，该装置还 包括模拟器，位于界面显示平台，用于接收界面布局工具发送的显示请求，并 将该显示请求中的界面布局信息封装后上传到后台服务模块；或者用于将后台 服务模块传来的图像化界面布局信息在用户接口显示。所述界面布局工具包括布局模块，用于设计手机界面布局，将包含界面布局信息的显示请求发送 到显示代理模块；显示代理模块，用于将接收的包含界面布局信息的显示请求编译成描述性 语言，并发送至模拟器。 所述模拟器包括转发模块，用于接收界面布局工具发送的包含界面布局信息的显示请求， 将该显示请求转化为模拟器消息类型，并转发至界面实现模块；或者，将界面 实现模块发送的图像化的界面布局信息发送至用户接口显示；界面实现模块，位于界面显示平台，用于识别转发模块发送的消息，并将 该消息发送到界面封装模块；或者，接收后台服务模块传来的图像化的界面布 局信息，并传到转发模块；界面封装模块，封装了操作系统和驱动的接口，位于界面显示平台的封装 层，用于将界面实现模块发送的消息上传后台服务模块。界面布局工具与模拟器通信的方式包括但不限于发送套接字消息方式、 分块打包方式、本地读耳又方式。一种嵌入式界面设计方法，该方法包括以下步骤A、编辑手机界面，产生新的界面布局信息；B、 根据新的界面布局信息，调用图形用户接口绘制界面；C、 显示图像化的界面布局信息。步骤A包括Al、界面布局工具的布局模块对手机界面的布局进行编辑，将新的界面布 局信息发送给显示代理模块；A2、显示代理模块将接收的界面布局信息编译成描述性语言，向模拟器发 送显示请求。步骤B包括Bl、模拟器的转发模块接收包含界面布局信息的显示请求，并上传至后台 服务模块；B2、后台服务模块对接收到的消息进行解析，将界面布局信息解析出来； B3、根据解析结果，调用图形用户接口绘制界面，将绘制的图像化的界面 布局信息返回给模拟器的界面实现模块。 步骤B1包括Bl]、模拟器的转发模块接收显示请求，识别为显示代理模块发送的请求 后，将该请求转化为模拟器内部的消息类型，发送到界面实现模块；B12、界面实现模块将接收的包含界面布局信息的消息发送到界面封装模块；B13 、界面封装模块将包含界面布局信息的消息上传至后台服务模块。 该方法还包括步骤D，模拟器不断接收界面布局工具发送的显示请求，并根据步骤B、 C进行处理，直至模拟器关闭。该方法还包括步骤E，后台服务模块调用图形用户接口将绘制的图像化的界面布局信息打包，经过界面实现模块和转发模块回传给显示代理模块，在界面布局工具中显示。本发明具有一下优点界面设计平台可以采用与手机运行环境不同的GUI 进行开发，增加了界面设计平台的选择范围；模拟器开启后，能够使开发人员 在进行界面设计的同时，看到在手机终端上的显示效果，有助于增强界面设计 的可靠性。
图1为本发明装置的示意图；图2为设计界面示意图； 图3为本发明方法流程图。
具体实施方式
本发明的基本思想是在界面设计平台建立界面布局工具，在界面显示平 台建立模拟器，通过界面布局工具与模拟器之间的通信，即时的在界面显示平 台显示界面设计的结果。模拟器采用VC设计，界面布局工具采用Eclipse设计， 同时，模拟器的存在为采用不同的GUI显示提供了平台，通过替换后台服务模 块，可以适应不同的GUI的要求。下面结合附图对技术方案的实施作进 一 步的详细描述。本发明所述的嵌入式界面设计装置如图1所示，该装置包括界面布局工具 和模拟器，其中界面布局工具位于界面设计平台，用于设计手机界面布局，将包含界面布 局信息的显示请求发送到模拟器，界面布局信息包括按钮、文本框、窗口等控 件的位置、大小、所用资源等属性信息；界面布局工具包括布局模块和显示代理模块，其中布局模块用于设计手机界面布局，将包含界面布局信息的显示请求发送到 显示代理模块；布局模块的模型配置文件包含了手机界面布局中的各个控件，如果GUI需 要支持不同种类的控件，或者对控件间的依赖关系有不同的要求，可以通过修 改模型配置文件，来满足GUI的需求。显示代理模块，用于将接收的包含界面布局信息的显示请求编译成模拟器 能够识别的描述性语言，并以套接字消息(Socket)的形式发送至模拟器(图2
中界面显示平台内的虚线框图部分)。模拟器位于界面显示平台，用于接收显示代理模块发送的包含界面布局信 息的Socket消息，并将该消息上传至后台服务模块。模拟器包括转发模块、界面封装模块以及界面实现模块。转发模块接收从界面布局工具发过来的包含界面布局信息的Socket消息， 将该Socket消息转化为模拟器消息类型，并转发至界面实现模块；或者，将界 面实现模块发送的图像化的界面布局信息发送至用户接口 (UI， User Interface ) 显示；界面实现模块位于界面显示平台的实现层，用于识别转发模块发送的消息， 并将该消息发送到界面封装模块；或者，接收后台服务模块传来的图像化的界 面布局信息，并传到转发模块；界面封装模块，封装了操作系统和驱动的接口，位于界面显示平台的封装 层，用于将界面实现模块发送的消息上传后台服务模块。后台服务模块对接收到的消息进行解析，将界面布局信息解析为界面各个 控件的类型、属性，然后调用GUI提供的接口函数，根据解析出的各个控件类 型以及该控件的属性，完成对各个控件的绘制，并将绘制的图像化的界面布局 信息返回模拟器；模拟器的界面实现模块发出更新显示的命令，将绘制好的界 面信息发送到模拟器的UI。界面布局工具中，界面的各种控件并没有具体的图形显示，不论是供选择 的按钮还是窗口 ，以及文本框都只能以一个矩形框来表示(如图2所示)。而在 界面显示平台将会有一个模拟的手机屏幕，界面布局将在这里采用手机中的 GUI来进行显示，布局上的各个控件将会显示出自己应有的样貌。在模拟手机 屏幕上看到的内容，就是用户将会在手机上看到的内容。界面显示平台和界面设计平台是在同一操作系统下运行的，但两者可以采 用不同的GUI进行显示，只要建立界面显示平台与界面设计平台的同步通讯， 就能够实现即时的预览。本发明正是通过显示代理模块与转发模块之间的通讯 来达到同步。这种将界面设计平台的GUI与手机的GUI脱离开来的方法就实现
了一种i 争平台预览。如果对于GUI有不同的需求话，可以通过修改界面布局工具的模型配置文件来达到要求。由于Java语言良好的可移植性，本发明在实现 过程中采用Java语言进行编程，所采用的界面布局工具作为一个插件存在于 Eclipse (—种非常流行的Java编程环境，具有强大的扩展功能)当中。而模拟 器提供手机界面及上层应用软件运行所需的下层软件，例如驱动和操作系统， 以及相应的一套任务管理机制。手机界面的布局工作是在界面布局工具中完成， 完全采用的是界面布局工具中的GUI来完成。采用本发明所述的方法，进行界面预览的流程，如图3所示 步骤301:界面布局工具编辑手机界面，产生新的界面布局信息。 界面布局工具的布局模块对手机界面的布局进行编辑，将新的界面布局信 息发送给显示代理模块；显示代理模块将接收的显示界面布局信息的请求编译 成描述性语言，并以Socket消息的形式发送纟会;漠拟器。步骤302:根据新的界面布局信息，调用图形用户接口绘制界面。 模拟器的转发模块接收Socket消息形式的显示请求，识别为显示代理模块 发送的请求后，将该请求转化为模拟器内部的消息类型，发送到界面实现模块； 界面实现模块将接收的包含界面布局信息的消息发送到界面封装模块；界面布 局信息即界面的控件类型和属性信息，界面封装模块将包含界面布局信息的消 息上传至后台服务模块。后台服务模块对界面封装模块传来的包含界面布局信息的封装消息进行解 析，根据解析结果，调用GUI绘制界面；GUI根据接收到的包含界面布局信息 的解析结果对界面的各个控件进行绘制，并将绘制的图像化的界面布局信息返 回给模拟器的界面实现模块。步骤303:模拟器调用用户接口UI,显示图像化的界面布局信息。 模拟器的界面实现模块接收到图像化的界面布局信息，调用UI,将图像化 的界面布局信息在UI上显示，以便设计人员观看界面布局的变更情况。步骤304:模拟器不断接收界面布局工具发送的显示请求，并根据步骤302、 3 03进行处理，直至模拟器关闭。
模拟器不断接收界面布局工具发送的Socket消息，后台服务模块实时接收 模拟器界面封装模块的上传，如果发现新的显示请求，即返回步骤302,没有新的请求，则一直等待，直到模拟器关闭。如果要将界面信息同样显示在界面布局工具上进行预览的话，在步骤303 与步骤304之间，可以增加GUI需要将界面显示信息的所有图像数据信息打包 成位图(BMP, bitmap)格式，经过界面实现模块和转发模块传递，由Socket 信息发回到界面布局工具中的显示代理模块，从而在界面布局工具中进行显示。此外，显示代理模块与模拟器的通信方式还可以是分块打包方式、本地读 取方式等，分块打包方式即采用网络传输所用的数据协议将整个界面布局信息 打成多个数据包传输给模拟器；本地读取方式下，显示代理模块只发送界面布 局信息的存储路径给模拟器，模拟器的界面实现模块根据该存储路径读取界面 布局信息，然后再经界面封装层上传给后台服务模块进行处理。采用本发明的技术方案，在界面设计平台嵌入界面布局工具，界面显示平 台嵌入模拟器，从而将预览端与布局端分开，使得布局端不用局限于预览端的 工具达到跨越平台的目的，同时，模拟器内部能够即时更新显示命令，达到预 览端与布局端同步。以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。
权利要求
1、一种嵌入式界面设计装置，包括位于界面设计平台的界面布局工具，用于设计手机界面布局，将包含界面布局信息的显示请求发送到模拟器，其特征在于，该装置还包括模拟器，位于界面显示平台，用于接收界面布局工具发送的显示请求，并将该显示请求中的界面布局信息封装后上传到后台服务模块；或者用于将后台服务模块传来的图像化界面布局信息在用户接口显示。
2、 根据权利要求1所述的嵌入式界面设计装置，其特征在于，所述界面布 局工具包括布局模块，用于设计手机界面布局，将包含界面布局信息的显示请求发送 到显示代理模块；显示代理模块，用于将接收的包含界面布局信息的显示请求编译成描述性 语言，并发送至模拟器。
3、 根据权利要求2所述的嵌入式界面设计装置，其特征在于，所述模拟器 包括转发模块，用于接收界面布局工具发送的包含界面布局信息的显示请求， 将该显示请求转化为模拟器消息类型，并转发至界面实现模块；或者，将界面 实现模块发送的图像化的界面布局信息发送至用户接口显示；界面实现模块，位于界面显示平台，用于识别转发模块发送的消息，并将 该消息发送到界面封装模块；或者，接收后台服务模块传来的图像化的界面布 局信息，并传到转发模块；界面封装模块，封装了操作系统和驱动的接口，位于界面显示平台的封装 层，用于将界面实现模块发送的消息上传后台服务模块。
4、 根据权利要求1所述的嵌入式界面设计装置，其特征在于，界面布局工 具与模拟器通信的方式包括但不限于发送套接字消息方式、分块打包方式、 本地读耳又方式。
5、 一种嵌入式界面设计方法，其特征在于，该方法包括以下步骤A、 编辑手机界面，产生新的界面布局信息；B、 根据新的界面布局信息，调用图形用户接口绘制界面；C、 显示图像化的界面布局信息。
6、 根据权利要求5所示的嵌入式界面设计方法，其特征在于，步骤A包括Al、界面布局工具的布局模块对手机界面的布局进行编辑，将新的界面布 局信息发送给显示代理模块；A2、显示代理模块将接收的界面布局信息编译成描述性语言，向模拟器发送显示请求。
7、 根据权利要求5所示的嵌入式界面设计方法，其特征在于，步骤B包括Bl、模拟器的转发模块接收包含界面布局信息的显示请求，并上传至后台 服务模块；B2、后台服务模块对接收到的消息进行解析，将界面布局信息解析出来； B3、根据解析结果，调用图形用户接口绘制界面，将绘制的图像化的界面 布局信息返回给模拟器的界面实现模块。
8、 根据权利要求7所示的嵌入式界面设计方法，其特征在于，步骤B1包括Bll、模拟器的转发模块接收显示请求，识别为显示代理模块发送的请求 后，将该请求转化为模拟器内部的消息类型，发送到界面实现模块；B12、界面实现模块将接收的包含界面布局信息的消息发送到界面封装模块；B13 、界面封装模块将包含界面布局信息的消息上传至后台服务模块。
9、 根据权利要求5所示的嵌入式界面设计方法，其特征在于，该方法还包 括步骤D,模拟器不断接收界面布局工具发送的显示请求，并根据步骤B、 C 进行处理，直至模拟器关闭。
10、根据权利要求5所示的嵌入式界面设计方法，其特征在于，该方法还 包括步骤E，后台服务模块调用图形用户接口将绘制的图像化的界面布局信息 打包，经过界面实现模块和转发模块回传给显示代理模块，在界面布局工具中 显示。
全文摘要
本发明公开了一种嵌入式界面设计装置，包括位于界面设计平台的界面布局工具，用于设计手机界面布局，将包含界面布局信息的显示请求发送到模拟器，该装置还包括模拟器，位于界面显示平台，用于接收界面布局工具发送的显示请求，并将该显示请求中的界面布局信息封装后上传到后台服务模块；或者用于将后台服务模块传来的图像化界面布局信息在用户接口显示。本发明还公开了相应的嵌入式界面设计方法，该方法包括编辑手机界面，产生新的界面布局信息；根据新的界面布局信息，调用图形用户接口绘制界面；显示图像化的界面布局信息。本发明能够使开发人员在进行界面设计的同时，看到在手机终端上的显示效果，有助于增强界面设计的可靠性。
文档编号H04M1/725GK101163297SQ20071012194
公开日2008年4月16日 申请日期2007年9月18日 优先权日2007年9月18日
发明者静 姚, 峰 徐, 宁 袁 申请人:中兴通讯股份有限公司