一种可视化编程方法、装置及运行器、可读存储介质制造方法及图纸

本申请公开了一种可视化编程方法、装置及运行器、可读存储介质。该方法包括：在可视化编程的编辑模式下，根据预定编程任务确定待编辑元素，并将其放置于所述编辑模式下的视图中，并将所述待编辑元素对应的逻辑控制组件放置于该同一个视图中；当需要建立待编辑元素与逻辑控制组件之间的关系时，在该同一视图中建立待编辑元素与逻辑控制组件之间的关系。通过该技术方案，将待编程元素、逻辑控制组件以及两者之间的逻辑关系表达在同一视图中，从而可以方便地确定待编程元素，提高了产品开发及编程效率。

A Visual Programming Method, Device, Operator and Readable Storage Media

【技术实现步骤摘要】
一种可视化编程方法、装置及运行器、可读存储介质
本申请涉及编程
，尤其涉及一种可视化编程方法、装置及运行器、可读存储介质。
技术介绍
随着计算机行业的发展，编程语言从低级语言向高级语言演变，编程门槛越来越低。为进一步提高开发效率及降低编程难度，如今出现了可视化编程，比如，游戏行业中对游戏动画的编程：在可视化编程的编辑模式下，从预先准备好的游戏元素库(比如，控件库、美术资源库等)中获取将要设计的游戏场景的各个目标元素，然后对这些目标元素在虚拟世界中的位置、大小、色彩等参数进行编辑，再对这些元素相互之间的逻辑控制关系进行编辑。当组成游戏场景的所有元素在虚拟世界中的位置关系等参数以及相互之间的逻辑关系被设定好后，生成可执行文件，在编辑模式下预览或者执行该可执行文件，即可在显示装置上展现出相应的游戏动画及动作。在类似上述的可视化编程中，一般会涉及两类各自独立的视图，即用于描述目标元素之间逻辑关系的逻辑关系图和在虚拟世界中呈现具有逻辑关系的各个目标元素的显示视图。这两类独立视图相互对应，但通常位于编程工具的不同窗体之中。编程操作需要先在一个视图中确定目标元素，然后对目标元素按照预定任务进行编程，再切换到另一张视图中进行相应编程，通过在这两类视图上多次来回切换以及相互辅助参照，最终实现预定的编程任务。上述这种可视化编程方式虽然能完成预定的编程任务，但是，当作为编程对象的目标元素较多时，在视图上呈现的目标元素数量相当惊人，尤其逻辑视图中的各个组件控制关系，将变得十分的错综复杂，要在这样的视图中查找确定目标元素进而对其进行编辑，是比较麻烦的事。即便在一个视图中找到某个目标元素，对其进行修改后，要切换到另一张视图中也很难较好地对应到相应的元素。此外，在这两类视图之间来回切换，也增加了操作的复杂度，影响到编程效率。
技术实现思路
本申请实施例提供一种可视化编程方法、装置以及运行器、可读存储介质，用于解决或改善现有技术中可视化编程中存在的问题。一方面，本申请实施例提供的可视化编程方法包括：在可视化编程的编辑模式下，根据预定编程任务从元素集合中选取编程任务需要的至少一个待编辑元素，并将所述待编辑元素放置于所述编辑模式下的视图中；按照预定编程任务确定所述待编辑元素对应的逻辑控制组件，并将所述逻辑控制组件放置于所述待编辑元素所在的同一视图中；当根据预定编程任务需要建立待编辑元素与逻辑控制组件之间的关系时，在同一所述视图中建立所述待编辑元素与所述逻辑控制组件之间的关系。优选地，在同一所述视图中建立所述待编辑元素与所述逻辑控制组件之间的关系，包括：在位于同一所述视图中的所述待编辑元素与所述逻辑控制组件之间设置连接组件，以建立所述待编程元素与所述逻辑控制组件之间的关系。优选地，所述连接组件为动态连接组件，所述动态连接组件能够动态性地表征所述待编辑元素与所述逻辑控制组件之间的逻辑控制关系。优选地，所述方法包括：确定可视化编程的编辑模式当前所处状态，根据所述状态在所述视图中显示对应的逻辑控制组件，和/或，根据所述状态在所述视图中显示预定数量的逻辑控制组件。优选地，所述动态连接组件位于所述视图的最上层。优选地，所述动态连接组件包括如下任何一种：带箭头指向的动态连接线；UV动画连接组件；模型位置动画连接组件；顶点动画连接组件。优选地，在所述视图中的预定位置呈现逻辑控制组件图层，所述逻辑控制组件图层包括至少一个逻辑控制组件，所述将所述逻辑控制组件放置于所述待编辑元素所在的同一视图中，包括：从所述逻辑控制组件图层中，将确定的逻辑控制组件拖拽到所述待编辑元素所在的视图中。优选地，所述逻辑控制组件包括至少一个属性，在所述视图中建立所述待编辑元素与所述逻辑控制组件之间的关系后，所述方法还包括：按照预定编程任务对所述逻辑控制组件的属性进行配置。优选地，所述按照预定编程任务对所述逻辑控制组件的属性进行配置，包括：根据所述预定编程任务确定对所述逻辑控制组件的属性进行配置的配置项；在所述视图中确定配置项的配置值；根据所述配置值对所述逻辑控制组件的属性进行配置。优选地，所述逻辑控制组件包括如下任何一种：表达待编辑元素之间碰撞关系的碰撞控制组件；对待编辑元素进行旋转操作的旋转控制组件；对待编辑元素进行缩放操作的缩放控制组件；表达待编辑元素之间吸附关系的吸附控制组件；延时预定时间执行预定操作的时钟控制组件；接收到指定时间触发预定控制组件的事件接收控制组件；发送指定事件的派发控制组件。另一方面，本申请实施例还提供了可视化编程装置。该装置包括：第一放置单元、第二放置单元和关系建立单元，其中：所述第一放置单元，用于在可视化编程的编辑模式下，根据预定编程任务从元素集合中选取编程任务需要的至少一个待编辑元素，并将所述待编辑元素放置于所述编辑模式下的视图中；所述第二放置单元，用于按照预定编程任务确定所述待编辑元素对应的逻辑控制组件，并将所述逻辑控制组件放置于所述待编辑元素所在的同一视图中；所述关系建立单元，用于在根据预定编程任务需要建立待编辑元素与逻辑控制组件之间的关系时，在同一所述视图中建立所述待编辑元素与所述逻辑控制组件之间的关系。优选地，所述关系建立单元，具体用于在位于同一所述视图中的所述待编辑元素与所述逻辑控制组件之间设置连接组件，以建立所述待编程元素与所述逻辑控制组件之间的关系。优选地，在所述视图中的预定位置呈现逻辑控制组件图层，所述逻辑控制组件图层包括至少一个逻辑控制组件，所述第二放置单元具体用于从所述逻辑控制组件图层中，将确定的逻辑控制组件拖拽到所述待编辑元素所在的视图中。再一方面，本申请实施例提供了一种运行器，该运行器包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时，实现如上所述方法的步骤。又一方面，本申请实施例还提供了计算机可读存储介质，在所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时，实现如上所述方法的步骤。本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：本申请实施例提供的技术方案在可视化编程的编辑模式下，根据预定编程任务，将选取的待编辑元素和与该编辑元素对应的逻辑控制组件以及两者之间的逻辑控制关系显示在同一个视图中。与现有技术相比，由于将被编辑的待编辑元素和逻辑控制组件位于同一视图之中，实现了“多图合一”，从而避免了编程时在不同视图之间进行频繁切换，查找某个元素时可直观定位到目标元素，提高了产品开发及编程效率。附图说明此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：图1为现有技术中可视化编程的界面示意图；图2为本申请可视化编程方法的一个实施例的示意图；图3为本申请可视化编程中一个示意性编程任务场景图；图4为本申请可视化编程中一个实际场景图；图5为本申请可视化编程装置的一个实施例的结构示意图；图6为本申请的运行器实施例的结构示意图。具体实施方式在前述
技术介绍
介绍中，现有技术已存在可视化编程做法，为更清楚的了解现有技术情况，下面结合实例做进一步说明。在可视化编程领域，虚幻引擎推出过一个比较典型的可视化编程工具-UnrealEngineBlueprint本文档来自技高网...

【技术保护点】
1.一种可视化编程方法，其特征在于，包括：在可视化编程的编辑模式下，根据预定编程任务从元素集合中选取编程任务需要的至少一个待编辑元素，并将所述待编辑元素放置于所述编辑模式下的视图中；按照预定编程任务确定所述待编辑元素对应的逻辑控制组件，并将所述逻辑控制组件放置于所述待编辑元素所在的同一视图中；当根据预定编程任务需要建立待编辑元素与逻辑控制组件之间的关系时，在同一所述视图中建立所述待编辑元素与所述逻辑控制组件之间的关系。

【技术特征摘要】
1.一种可视化编程方法，其特征在于，包括：在可视化编程的编辑模式下，根据预定编程任务从元素集合中选取编程任务需要的至少一个待编辑元素，并将所述待编辑元素放置于所述编辑模式下的视图中；按照预定编程任务确定所述待编辑元素对应的逻辑控制组件，并将所述逻辑控制组件放置于所述待编辑元素所在的同一视图中；当根据预定编程任务需要建立待编辑元素与逻辑控制组件之间的关系时，在同一所述视图中建立所述待编辑元素与所述逻辑控制组件之间的关系。2.根据权利要求1所述的方法，其特征在于，在同一所述视图中建立所述待编辑元素与所述逻辑控制组件之间的关系，包括：在位于同一所述视图中的所述待编辑元素与所述逻辑控制组件之间设置连接组件，以建立所述待编程元素与所述逻辑控制组件之间的关系。3.根据权利要求2所述的方法，其特征在于，所述连接组件为动态连接组件，所述动态连接组件能够动态性地表征所述待编辑元素与所述逻辑控制组件之间的逻辑控制关系。4.根据权利要求3所述的方法，其特征在于，所述方法包括：确定可视化编程的编辑模式当前所处状态，根据所述状态在所述视图中显示对应的逻辑控制组件，和/或，根据所述状态在所述视图中显示预定数量的逻辑控制组件。5.根据权利要求4所述的方法，其特征在于，所述动态连接组件位于所述视图的最上层。6.根据权利要求1-5中任何一项所述的方法，其特征在于，所述动态连接组件包括如下任何一种：带箭头指向的动态连接线；UV动画连接组件；模型位置动画连接组件；顶点动画连接组件。7.根据权利要求1所述的方法，其特征在于，在所述视图中的预定位置呈现逻辑控制组件图层，所述逻辑控制组件图层包括至少一个逻辑控制组件，所述将所述逻辑控制组件放置于所述待编辑元素所在的同一视图中，包括：从所述逻辑控制组件图层中，将确定的逻辑控制组件拖拽到所述待编辑元素所在的视图中。8.根据权利要求6所述的方法，其特征在于，所述逻辑控制组件包括至少一个属性，在同一所述视图中建立所述待编辑元素与所述逻辑控制组件之间的关系后，所述方法还包括：按照预定编程任务对所述逻辑控制组件的属性进行配置。9.根据权利要求7所述的方法，其特征在于，所述按照预定编程任务对所述逻辑控制组件的属性进行配置，包括...

【专利技术属性】
技术研发人员：谢成鸿，胡高，
申请(专利权)人：搜游网络科技北京有限公司，
类型：发明
国别省市：北京,11