CN104793927A - 一种界面编辑方法及装置 - Google Patents

一种界面编辑方法及装置 Download PDF

Info

Publication number
CN104793927A
CN104793927A CN201410842498.6A CN201410842498A CN104793927A CN 104793927 A CN104793927 A CN 104793927A CN 201410842498 A CN201410842498 A CN 201410842498A CN 104793927 A CN104793927 A CN 104793927A
Authority
CN
China
Prior art keywords
display object
file
preview
exml
node tree
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201410842498.6A
Other languages
English (en)
Inventor
陈仁健
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Egression Epoch Information Technology Co Ltd
Original Assignee
Beijing Egression Epoch Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Egression Epoch Information Technology Co Ltd filed Critical Beijing Egression Epoch Information Technology Co Ltd
Priority to CN201410842498.6A priority Critical patent/CN104793927A/zh
Publication of CN104793927A publication Critical patent/CN104793927A/zh
Pending legal-status Critical Current

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种界面编辑方法及装置，涉及用户交互界面技术，所述方法包括：根据将要在文档预览窗口中显示的显示对象，生成所述显示对象的EXML文件；根据所述显示对象的EXML文件，建立一个能够用来调整所述显示对象的预览节点树；实时检测用户对所述预览节点树的调整操作；当检测到用户对预览节点树的调整操作时，按照已调整的预览节点树，在文档预览窗口中实时显示所述显示对象。本发明通过使用户的操作无延迟地实时显示，能够节省大量调试时间，从而显著提高界面编程的开发效率。

Description

一种界面编辑方法及装置
技术领域
本发明涉及用户交互界面技术，特别涉及一种界面编辑方法及相应的装置。
背景技术
无论在软件还是游戏开发中，界面编程部分都占据比较大的比重。传统方式大多数是通过直接编写代码的方式来编写用户交互界面，这种模式的开发效率非常低。
近些年，可视化界面编辑软件在软件或游戏开发领域逐渐兴起，这种模式能够显著提高开发人员的编码效率。软件以所见即所得的方式，通过简单的拖拽等可视化操作，能够自动生成程序运行需要的界面代码。近年来，各类编程语言都陆续推出过配套的界面编辑软件，以加速编程开发流程。但是针对新兴的超文本标记语言(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文件，重新生成预览节点树。
优选地，所述检测模块实时检测用户对所述显示对象的修改操作包括对所述显示对象的大小和/位置进行的修改操作。
优选地，所述检测模块实时检测用户对所述显示对象对应的EMXL文件的编辑操作，并在检测到用户对所述显示对象对应的EMXL文件的编辑操作时，所述预览节点树建立模块按照已编辑的EMXL文件重新生成预览节点树，所述预览模块按照已重新生成的预览节点树，在所述文档预览窗口中实时显示所述显示对象。
与现有技术相比较，本发明的有益效果在于：
本发明能够使用户的操作无延迟地实时显示，从而节省大量调试时间，显著提高界面编程的开发效率。
附图说明
图1是本发明第一实施例提供的界面编辑方法原理框图；
图2是本发明实施例提供的界面编辑装置框图；
图3是本发明实施例提供的另一界面编辑装置框图；
图4是本发明第二实施例提供的界面编辑方法原理框图；
图5是本发明第三实施例提供的界面编辑方法原理框图；
图6是本发明第四实施例提供的EXML文件示例示意图；
图7是本发明第四实施例提供的预览节点树示意图；
图8是本发明第四实施例提供的实时预览模块示意图；
图9是本发明第五实施例提供的创建项目示意图；
图10是本发明第五实施例提供的包资源管理器示意图；
图11是本发明第五实施例提供的***资源管理器示意图；
图12是本发明第五实施例提供的包资源管理器中的资源树示意图；
图13是本发明第五实施例提供的文档预览窗口下打开的ButtonSkin.exml皮肤示意图；
图14是本发明第五实施例提供的状态面板示意图；
图15是本发明第五实施例提供的创建PanelSkinTest.exml皮肤类的示意图；
图16是本发明第五实施例提供的包资源管理器中呈现的PanelSkinTest.exml皮肤类的示意图；
图17是本发明第五实施例提供的拖拽Button和Label组件的示意图；
图18是图17的拖拽结果示意图；
图19是本发明第五实施例提供的按钮与皮肤的对应关系。
具体实施方式
以下结合附图对本发明的优选实施例进行详细说明，应当理解，以下所说明的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
图1是本发明第一实施例提供的界面编辑方法原理框图，如图1所示，步骤包括：
S11：根据将要在文档预览窗口中显示的显示对象，生成所述显示对象的EXML文件。
每个显示对象都有相对应的EXML格式内容，当图片等显示对象拖拽到文档预览窗口时，该显示对象对应的EXML格式内容保存至所述显示对象的EXML文件中，并且，用户后续对该显示对象操作都会保存至EXML文件中。
S12：根据所述显示对象的EXML文件，建立一个能够用来调整所述显示对象的预览节点树。
通过解析所述显示对象的EXML文件，得到预览节点树。其中，所述文档预览窗口内的多个显示对象分别对应所述预览节点树的多个显示节点(即预览节点)，所述多个显示节点按照多个显示对象在文档预览窗口中的依附关系以树状结构进行组合，形成所述预览节点树。
S13：实时检测用户对所述预览节点树的调整操作。
S14：当检测到用户对预览节点树的调整操作时，按照已调整的预览节点树，在文档预览窗口中实时显示所述显示对象。
进一步地，在按照已调整的预览节点树，在文档预览窗口中实时显示所述显示对象的同时，修改所述显示对象对应的EXML文件。
图2是本发明实施例提供的界面编辑装置框图，如图2所示，包括EXML文件生成模块10、预览节点树建立模块20、检测模块30和预览模块40。
EXML文件生成模块10用于根据将要在文档预览窗口中显示的显示对象，生成所述显示对象的EXML文件。
预览节点树建立模块20用于根据所述显示对象的EXML文件，建立一个能够用来调整所述显示对象的预览节点树。
检测模块30用于实时检测用户对所述预览节点树的调整操作。
预览模块40用于当检测到用户对预览节点树的调整操作时，按照已调整的预览节点树，在文档预览窗口中实时显示所述显示对象。
图3是本发明实施例提供的另一界面编辑装置框图，与图2所示实施例相比，还包括：EXML文件修改模块50用于按照已调整的预览节点树，修改所述显示对象对应的EXML文件。
图4是本发明第二实施例提供的界面编辑方法原理框图，如图4所示，步骤包括：
步骤S21：实时检测用户对所述显示对象的修改操作。
其中，所述修改操作包括对所述显示对象的大小和/位置进行的修改操作。
步骤S22：若检测到用户对所述显示对象的修改操作，则按照修改后的显示对象修改相应的EXML文件。
步骤S23：按照已修改的EXML文件，重新生成预览节点树。
对应地，上述检测模块30还用于实时检测用户对所述显示对象的修改操作，并当检测到用户对所述显示对象的修改操作时，若检测到用户对所述显示对象的修改操作，EXML文件修改模块50按照修改后的显示对象修改相应的EXML文件，预览节点树建立模块20按照已修改的EXML文件，重新生成预览节点树。
图5是本发明第三实施例提供的界面编辑方法原理框图，如图5所示，步骤包括：
步骤S31：实时检测用户对所述显示对象对应的EMXL文件的编辑操作。
步骤S32：若检测到用户对所述显示对象对应的EMXL文件的编辑操作，则按照已编辑的EMXL文件重新生成预览节点树。
步骤S33：按照已重新生成的预览节点树，在所述文档预览窗口中实时显示所述显示对象。
对应地，检测模块30还可以实时检测用户对所述显示对象对应的EMXL文件的编辑操作，并在检测到用户对所述显示对象对应的EMXL文件的编辑操作时，预览节点树建立模块20按照已编辑的EMXL文件重新生成预览节点树，预览模块40按照已重新生成的预览节点树，在所述文档预览窗口中实时显示所述显示对象。
本发明能够提供一种可视化界面编辑软件。该软件能够运行在桌面操作***：Windows 7以上版本和Mac OS 10.5以上版本中。
图6是本发明第四实施例提供的EXML文件示例示意图，它使用如图6所示的EXML文件作为储存界面数据的文档。其中，EXML是一种扩展的XML文件格式，能够以树状结构描述界面元素的组织结构，并直接在编程代码中被使用。
图7是本发明第四实施例提供的预览节点树示意图，如图7所示，通过解析一个EXML文件，生成一份预览用的树状节点型数据结构。本实施例把这种数据结构简称为预览节点树。预览节点树是软件内部的数据结构，它并不可见，而是在后台运行，能够实时控制文档预览窗口显示的内容，也就是能够实时控制用户可见的内容。
预览节点树是实现实时预览的基础。预览节点大体分为两种类型：值类型(即图7所示值节点)和显示对象类型(即图7所示显示节点)。其中，值节点是记录数据的节点，显示节点是可以呈现到软件界面上的节点。通常数据类型节点(即值节点)会附着在显示节点上，作为它的一个属性值。显示节点又可以附着在其他显示节点上，最终构成一个完整的逻辑节点树，即预览节点树。
在界面编辑过程中，用户会看到一个文档预览窗口，用户在该文档预览窗口里的各种操作都会被收集并记录到对应的EXML文件上。用户通过往文档预览窗口里拖拽图片等显示对象即可添加一个显示节点，也可以使用键盘删除这个显示节点。在文档预览窗口中对该显示节点对应的显示对象拖动可以改变显示对象的位置，该显示对象的最终位置将记录至对应的EXML文件里。其中，显示节点上除了位置属性还可以有大量其他属性值，都可以通过软件中的“属性面板”对当前选中的节点进行修改。最终编辑完成后，会都得到一个完整的记录了大量节点和属性信息的EXML文件，交由程序开发人员使用。
上述各实施例中的模块或功能都可以由本实施例提供的实时预览模块实现。实时预览是指提供一个标准的EXML文件，通过解析该EXML文件生成可见的文档预览窗口内容。修改文档预览窗口内图片等节点的位置时，对应的EXML文件内容也将被修改。所述实时预览模块的功能实现过程如图8所示。
图8是本发明第四实施例提供的实时预览模块示意图，如图8所示，实体显示对象就是用户在软件的文档预览窗口中可视的图形。预览节点树是软件内部的数据结构，在后台运行，实时控制实体对象(例如图形)的外观(例如宽、高、位置等)。EXML文件的内容可以在软件的文档窗口的“源代码”模式下查看。用户可以直接操作实体显示对象，修改目标大小，位置等等属性，也可以直接修改EXML文件里的内容。实时预览模块会通过预览节点树实时转换两个方向的修改，即根据预览节点树修改显示对象及对应的EXML文件。
由于预览节点树包含多个预览节点，每个预览节点都持有两种属性值，一个指向负责呈现预览结果的实体对象(例如文档预览区域中可视的一个个图片，即显示对象)；另一个标识此节点在原EXML文档中的具***置。在进行可视化操作时，实体对象会被添加到软件界面中被显示出来。用户通过可视化操作对实体对象的位置、大小等属性做出修改后，可以直接修改节点对应的实体对象，更优选的操作是直接修改预览节点上的属性，把预览节点作为显示对象的代理，预览节点会自动把改变的内容同时应用到实体对象和EXML文件内容上。
本实施例可以通过可视化操作增加、删除、修改界面元素和结构。具体地说，预览节点树会根据用户的操作，实时更新实体对象的显示结果和EXML文件的内容。当直接修改EXML文本的内容时，实时预览模块将会通过重新解析新的EXML文件内容生成新的预览节点树，同时也刷新了实体对象的显示结果。本实施例所述实时预览模块就是通过这种方式，实现了对EXML文件的可视化编辑。
本实施例可以基于实时预览模块，编写大量交互界面，收集用户的交互操作数据，并统一应用到预览节点树上。预览节点树再将其记录到EXML文件里，最终将EXML文件交付编程开发者使用，也就是说，预览节点树内部自动完成对显示对象和EXML文件的同步更新，最终实现无延迟的所见即所得操作模式。这样，程序开发人员最后使用交付的EXML文件，直接通过编译器编译运行，在游戏项目里呈现出来。
第五实施例
根据本发明提供的技术可以设计相应的软件，用户通过使用该软件进行可视化无延迟的界面编辑。
首先通过软件的新建项目菜单创建一个标准的项目，从而在软件的包资源管理器里得到该新建项目。其中，该项目可以包含大量EXML文件，每个EXML文件都是游戏中的一个小界面，或者是大界面中的一个区块元素；EXML文件中可以包含其他EXML文件所定义的显示内容。
当通过菜单创建一个EXML皮肤文件时，软件会在项目里生成一个空的EXML文件，并立即打开该EXML文件对应的文档预览窗口。文档预览窗口中有一排按钮“预览”、“源代码”、“设计”，用来负责切换编辑模式，其中，“预览”模式只是“设计”模式的不可编辑版本，禁用了用户的编辑操作；“源代码”模式会将文档区显示为一个文本编辑器窗口，文本编辑器窗口的文本内容就是EXML文件内容，可以直接通过键盘输入对EXML文件内容进行符合语法格式的修改，并在修改完成后通过“设计”模式看到实时的预览结果；“设计”模式是通过解析EXML文件内容实时创建的文档预览窗口，文档预览窗口会根据EXML文件所描述的预览节点顺序及属性值创建对应的显示节点并呈现给用户。
如果EXML文件为新创建的文件，则呈现出的是空的文档预览窗口，此时在“资源库”中查找一个图片素材，并通过鼠标拖拽到文档预览窗口即可直接生成一个显示节点。实时预览模块会立即将用户的拖拽操作记录至相应的EXML文件里。此时，切换到“源代码”模式，就能够直接看到EXML文件内容已经同步修改。
也可以直接通过鼠标交互来改变已有节点属性，例如，点击并选中某个节点，通过鼠标拖拽改变节点位置、节点大小等，并把改变应用到EXML文件里，此外，本实施例中位置和大小的改变也可以在软件的属性面板中修改。如果需要修改节点的其他属性，例如节点的透明度等，可以在软件的属性面板中操作。
以下结合附图做进一步说明：
图9是本发明第五实施例提供的创建项目示意图，在图9中填写并确认项目名称和路径后，即可在相应路径E:/Egret下创建一个项目名为HelloWorld项目，同时为该项目引入用户图形界面(GUI)扩展的支持。创建成功之后，该项目即可在图10所示的“包资源管理器”中呈现出来，同时也可以从图11所示的***的资源管理器中看到对应的项目。
当需要预览EXML皮肤时，可以通过双击或者点击三角按钮的方式打开包资源管理器中的资源树，从而查看到如图12所示的项目中的所有资源，并在图13所示的文档预览窗口中预览当前打开的ButtonSkin.exml皮肤。进一步地，还可以在图14所示的状态面板中切换此按钮皮肤的不同状态(包括up、down、disabled)，同时文档预览窗口中的显示和状态也会进行实时的更新。
同理，“设计”视图可以对当前皮肤进行可视化的编辑，“源代码”视图可以查看当前exml的皮肤的编码。
创建面板即创建面板的exml皮肤，可以在包资源管理器中通过点击右键，选择“新建EXML”或通过菜单项：文件->新建EXML皮肤，按照图15配置并确认PanelTestSkin皮肤，即可在指定的包下创建PanelSkinTest.exml皮肤类，如图16所示。
切换至设计”视图，从“组件”面板中拖拽Button到视图中，如图17所示，同理也可以从“组件”面板中拖拽Label组件到视图中，这样，Label以及最开始预览的ButtonSkin便伴随着默认的逻辑组件一起拖拽到了如图18所示的视图中。
皮肤组件与逻辑组件之间的对应可以有如下三种方式：1、在ts代码中显示设置；2、使用SkinAdapter类3、使用皮肤主题。三种方式的优先级顺序为：显示设置>SkinAdapter>皮肤主题。上面的例子中，通过使用皮肤主题的方式让逻辑组件与皮肤组件相对应，并可通过右键点击项目，选择“项目属性”的方式，查看和编辑当前项目的主题，如图19所示。从图19的方框中即可查看按钮与皮肤的对应关系，进一步地，还可以通过编辑按钮改变组件与皮肤的对应关系。最后，点击文档区”中“预览”视图下的按钮，此时该按钮具有交互效果，与最终运行在浏览器或其他设备上的效果完全一致。
进一步地，以上述ButtonSkin为例，软件可以对图18中ButtonSkin中间的文本进行修改，例如文字大小和颜色等，也可以通过图14所示的状态面板对当前状态进行修改。
综上所述，本发明具有以下技术效果：
1、本发明弥补了HTML5游戏开发领域可视化界面编辑软件的空白；
2、本发明能够使用户的操作无延迟实时显示出来，带来所见即所得的操作模式，能节省大量调试时间，显著提高界面编程的开发效率。
尽管上文对本发明进行了详细说明，但是本发明不限于此，本技术领域技术人员可以根据本发明的原理进行各种修改。因此，凡按照本发明原理所作的修改，都应当理解为落入本发明的保护范围。

Claims (10)

1.一种界面编辑方法，其特征在于，包括：
根据将要在文档预览窗口中显示的显示对象，生成所述显示对象的EXML文件；
根据所述显示对象的EXML文件，建立一个能够用来调整所述显示对象的预览节点树；
实时检测用户对所述预览节点树的调整操作；
当检测到用户对预览节点树的调整操作时，按照已调整的预览节点树，在文档预览窗口中实时显示所述显示对象。
2.根据权利要求1所述的方法，其特征在于，在按照已调整的预览节点树，在文档预览窗口中实时显示所述显示对象的同时，还包括：按照已调整的预览节点树，修改所述显示对象对应的EXML文件。
3.根据权利要求1所述的方法，其特征在于，还包括：
实时检测用户对所述显示对象的修改操作；
若检测到用户对所述显示对象的修改操作，则按照修改后的显示对象修改相应的EXML文件；
按照已修改的EXML文件，重新生成预览节点树。
4.根据权利要求3所述的方法，其特征在于，实时检测的对所述显示对象的修改操作包括对所述显示对象的大小和/位置进行的修改操作。
5.根据权利要求1所述的方法，其特征在于，还包括：
实时检测用户对所述显示对象对应的EMXL文件的编辑操作；
若检测到用户对所述显示对象对应的EMXL文件的编辑操作，则按照已编辑的EMXL文件重新生成预览节点树；
按照已重新生成的预览节点树，在所述文档预览窗口中实时显示所述显示对象。
6.一种界面编辑装置，其特征在于，包括：
EXML文件生成模块，用于根据将要在文档预览窗口中显示的显示对象，生成所述显示对象的EXML文件；
预览节点树建立模块，用于根据所述显示对象的EXML文件，建立一个能够用来调整所述显示对象的预览节点树；
检测模块，用于实时检测用户对所述预览节点树的调整操作；
预览模块，用于当检测到用户对预览节点树的调整操作时，按照已调整的预览节点树，在文档预览窗口中实时显示所述显示对象。
7.根据权利要求6所述的装置，其特征在于，还包括：
EXML文件修改模块，用于按照已调整的预览节点树，修改所述显示对象对应的EXML文件。
8.根据权利要求7所述的装置，其特征在于，所述检测模块还用于实时检测用户对所述显示对象的修改操作，并当检测到用户对所述显示对象的修改操作时，所述EXML文件修改模块按照修改后的显示对象修改相应的EXML文件，所述预览节点树建立模块按照已修改的EXML文件，重新生成预览节点树。
9.根据权利要求8所述的装置，其特征在于，所述检测模块实时检测用户对所述显示对象的修改操作包括对所述显示对象的大小和/位置进行的修改操作。
10.根据权利要求6所述的装置，其特征在于，所述检测模块实时检测用户对所述显示对象对应的EMXL文件的编辑操作，并在检测到用户对所述显示对象对应的EMXL文件的编辑操作时，所述预览节点树建立模块按照已编辑的EMXL文件重新生成预览节点树，所述预览模块按照已重新生成的预览节点树，在所述文档预览窗口中实时显示所述显示对象。
CN201410842498.6A 2014-12-30 2014-12-30 一种界面编辑方法及装置 Pending CN104793927A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410842498.6A CN104793927A (zh) 2014-12-30 2014-12-30 一种界面编辑方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410842498.6A CN104793927A (zh) 2014-12-30 2014-12-30 一种界面编辑方法及装置

Publications (1)

Publication Number Publication Date
CN104793927A true CN104793927A (zh) 2015-07-22

Family

ID=53558743

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410842498.6A Pending CN104793927A (zh) 2014-12-30 2014-12-30 一种界面编辑方法及装置

Country Status (1)

Country Link
CN (1) CN104793927A (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106202315A (zh) * 2016-06-30 2016-12-07 北京奇虎科技有限公司 数据处理的方法及装置
CN106814949A (zh) * 2015-12-01 2017-06-09 北京触控科技有限公司 一种cocos游戏编辑器控件界面管理方法
CN108279901A (zh) * 2018-01-23 2018-07-13 网易（杭州）网络有限公司 Ui文件编辑方法、装置、电子设备及存储介质
CN108287718A (zh) * 2017-05-27 2018-07-17 深圳市创梦天地科技有限公司 基于游戏引擎的特效编辑方法及装置
CN113617032A (zh) * 2021-07-28 2021-11-09 网易（杭州）网络有限公司 游戏剧情的编辑方法和装置

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101196818A (zh) * 2006-12-08 2008-06-11 上海全景数字技术有限公司 快速图形化开发***
CN103729214A (zh) * 2013-12-19 2014-04-16 北京像素软件科技股份有限公司 一种用户界面预览的方法
US20140380229A1 (en) * 2013-06-24 2014-12-25 Vistaprint Schweiz Gmbh System, method and user interface for designing customizable products from a mobile device

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101196818A (zh) * 2006-12-08 2008-06-11 上海全景数字技术有限公司 快速图形化开发***
US20140380229A1 (en) * 2013-06-24 2014-12-25 Vistaprint Schweiz Gmbh System, method and user interface for designing customizable products from a mobile device
CN103729214A (zh) * 2013-12-19 2014-04-16 北京像素软件科技股份有限公司 一种用户界面预览的方法

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106814949A (zh) * 2015-12-01 2017-06-09 北京触控科技有限公司 一种cocos游戏编辑器控件界面管理方法
CN106202315A (zh) * 2016-06-30 2016-12-07 北京奇虎科技有限公司 数据处理的方法及装置
CN108287718A (zh) * 2017-05-27 2018-07-17 深圳市创梦天地科技有限公司 基于游戏引擎的特效编辑方法及装置
CN108279901A (zh) * 2018-01-23 2018-07-13 网易（杭州）网络有限公司 Ui文件编辑方法、装置、电子设备及存储介质
CN113617032A (zh) * 2021-07-28 2021-11-09 网易（杭州）网络有限公司 游戏剧情的编辑方法和装置
CN113617032B (zh) * 2021-07-28 2024-02-23 网易（杭州）网络有限公司 游戏剧情的编辑方法和装置

Similar Documents

Publication Publication Date Title
CN110597506B (zh) 一种前端应用可视化开发工具和使用方法
US8209663B2 (en) Dynamic generation of formatted user interfaces in software environments
KR101456506B1 (ko) 웹 어플리케이션 저작도구 및 저작 방법
JP5651121B2 (ja) データオブジェクトの管理および自動的リンク
US8407661B2 (en) Method and system for creating HMI applications for an automation process
CN105843630A (zh) 一种基于机器人图形化编程开发的方法
Forward et al. Model‐driven rapid prototyping with Umple
CN104793927A (zh) 一种界面编辑方法及装置
CN102866886A (zh) 一种基于Web的算法动画可视化开发***
US20180189033A1 (en) Graphical software meta-development tool
CN112445564B (zh) 界面显示方法及电子设备、计算机可读存储介质
CN113900636A (zh) 一种自助化渠道业务流程开发***及其开发方法
AU2014100798A4 (en) A visual role and transition based method and system for developing complex web applications
Milosavljević et al. Kroki: A mockup-based tool for participatory development of business applications
CN113010168A (zh) 一种基于场景树的用户界面生成方法
JP4836412B2 (ja) グラフィカル・ユーザ・インタフェースを生成する方法および装置
CN113760261B (zh) 一种基于fgui的图形化积木编程方法及终端
CN112181483B (zh) 等离子体控制***软件开发平台及方法
CN111949267B (zh) 一种ui前端生成方法及装置
Dumas et al. A graphical editor for the SMUIML multimodal user interaction description language
Philippi et al. Communication support for systems engineering–process modelling and animation with APRIL
da Cruz et al. Automatic generation of user interface models and prototypes from domain and use case models
Matsui et al. MDD for Smartphone Application with Smartphone Feature Specific Model and GUI Builder
Mannadiar et al. AToMPM User’s Manual
CN104375829B (zh) 一种有向无圈图的层次化显示方法

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
EXSB Decision made by sipo to initiate substantive examination
SE01 Entry into force of request for substantive examination
WD01 Invention patent application deemed withdrawn after publication
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20150722