[发明专利]一种界面编辑方法及装置

说明书

技术领域

本发明涉及用户交互界面技术，特别涉及一种界面编辑方法及相应的装置。

背景技术

无论在软件还是游戏开发中，界面编程部分都占据比较大的比重。传统方式大多数是通过直接编写代码的方式来编写用户交互界面，这种模式的开发效率非常低。

近些年，可视化界面编辑软件在软件或游戏开发领域逐渐兴起，这种模式能够显著提高开发人员的编码效率。软件以所见即所得的方式，通过简单的拖拽等可视化操作，能够自动生成程序运行需要的界面代码。近年来，各类编程语言都陆续推出过配套的界面编辑软件，以加速编程开发流程。但是针对新兴的超文本标记语言(HyperText Markup Language，HTML)5游戏领域还未出现过成熟的解决方案。

由美国Adobe公司开发的软件Flash Builder4.6中含有成熟的可视化界面编辑功能。该软件以MXML文件来描述用户界面(User Interface，UI)结构，MXML是一种符合标准可扩展标记语言(Extensible Markup language，XML)文档规范的文件格式。开发人员在软件界面上通过拖拽控件等可视化操作即可直接生成这种MXML文件。最终由编译器将MXML文件编译为可执行的程序界面代码。

Flash Builder4.6所开发的程序只能在Flash平台上运行。这套解决方案无法提供给HTML5游戏开发使用，并且Flash Builder是针对企业级应用设计的，无法对游戏开发中的界面编辑过程做优化。

发明内容

本发明的目的在于提供一种界面编辑方法及装置，能更好地解决HTML5游戏开发过程中进行实时快速地可视化界面编辑的问题。

根据本发明的一个方面，提供了一种界面编辑方法，包括：

根据将要在文档预览窗口中显示的显示对象，生成所述显示对象的EXML文件；

根据所述显示对象的EXML文件，建立一个能够用来调整所述显示对象的预览节点树；

实时检测用户对所述预览节点树的调整操作；

当检测到用户对预览节点树的调整操作时，按照已调整的预览节点树，在文档预览窗口中实时显示所述显示对象。

优选地，在按照已调整的预览节点树，在文档预览窗口中实时显示所述显示对象的同时，还包括：按照已调整的预览节点树，修改所述显示对象对应的EXML文件。

优选地，还包括：

实时检测用户对所述显示对象的修改操作；

若检测到用户对所述显示对象的修改操作，则按照修改后的显示对象修改相应的EXML文件；

按照已修改的EXML文件，重新生成预览节点树。

优选地，实时检测的对所述显示对象的修改操作包括对所述显示对象的大小和/位置进行的修改操作。

优选地，还包括：

实时检测用户对所述显示对象对应的EMXL文件的编辑操作；

若检测到用户对所述显示对象对应的EMXL文件的编辑操作，则按照已编辑的EMXL文件重新生成预览节点树；

按照已重新生成的预览节点树，在所述文档预览窗口中实时显示所述显示对象。

根据本发明的另一方面，提供了一种界面编辑装置，其特征在于，包括：

EXML文件生成模块，用于根据将要在文档预览窗口中显示的显示对象，生成所述显示对象的EXML文件；

预览节点树建立模块，用于根据所述显示对象的EXML文件，建立一个能够用来调整所述显示对象的预览节点树；

检测模块，用于实时检测用户对所述预览节点树的调整操作；

预览模块，用于当检测到用户对预览节点树的调整操作时，按照已调整的预览节点树，在文档预览窗口中实时显示所述显示对象。

优选地，还包括：

EXML文件修改模块，用于按照已调整的预览节点树，修改所述显示对象对应的EXML文件。

优选地，所述检测模块还用于实时检测用户对所述显示对象的修改操作，并当检测到用户对所述显示对象的修改操作时，所述EXML文件修改模块按照修改后的显示对象修改相应的EXML文件，所述预览节点树建立模块按照已修改的EXML文件，重新生成预览节点树。

优选地，所述检测模块实时检测用户对所述显示对象的修改操作包括对所述显示对象的大小和/位置进行的修改操作。