[发明专利]一种可交互式图形的复现方法

说明书

技术领域

本发明涉及计算机技术领域，特别是一种可交互式图形的复现方法。

背景技术

随着计算机技术的快速发展，它给每个领域都带来了翻天覆地的影响，如今各个领域都与计算机息息相关。越来越多数据信息也随之产生，如何在海量数据中获取有用的信息，获取易于理解的信息成为一个研究的热点问题，可视化界面在各个领域中被频繁提出。

提到可视化，不得不想到图形信息，提到图形，又不得不联想到交互式图形，即可以对用户活动做出反应的图形，目前对于创建可视化界面大多应用图形组件平台。

现有的图形组件平台，在开发图形文件时，多由工程师进行图形绘制，然后在此基础上进行数据接口配置，动作响应设计。在绘制图形文件时，大多采用AI，Visio等软件辅助绘制可伸展、可添加响应的矢量图形，但通过这些软件生成的图形文件格式并不统一，不同公司的软件，生成的图形文件格式不一样，结构不一样，往往生成的代码也比较混乱，复杂，冗余，没有固定的规律可循，一般包含大量不同的标签记号，这些标签相互之间可能无规律、无联系，这些问题给前端代码编写人员的工作带来了许多的麻烦，阻碍了他们对图形的理解，也妨碍了他们为图形文件进行数据接口配置和动作响应设计。总体而言，现有的图形组件平台在创建可交互式图形时存在以下问题：

1)图形文件格式不统一、结构不统一；

2)图形文件代码混乱、冗余；

3)图形文件标签之间无规律、无联系；

发明内容

本发明的目是提出一种可交互式图形的复现方法，将绘制图形文件，配置数据接口和设计动作响应这三部分统一为一个整体，形成一种复现方法，将设计者的思路记录下来，通过图形引擎直接转换为可交互式图形的页面，通过用户在页面的操作指令对硬件设备进行控制，并将设备数据反馈给页面。解决了图形文件的代码中标签过多、过繁杂冗余的问题，跳过了对图形代码的二次开发，一次性复现了可交互式图形，实现了有效控制，避免了工程师在图形重复开发和图形重复重组的问题，提高前端代码人员的工作效率。

本发明包含三部分：图形文件、数据接口和动作响应。直接通过记录操作者(设计人员)的动作，包括图形的样子，图形随数据的变化形式，点击图形的反馈等等，再通过图形引擎生成可交互式图形，显示在画布中，最后呈现在界面上。本方法的具体步骤如下：

1)在该方法的设计模式下，在画布中绘制图形，形成统一的数据格式，包括数据的基本格式和数值范围；

2)对图形组件设置数据接口；

3)在图形组件中添加动作响应；

4)实现画布上的图形组件显示；

5)通过用户在画布页面上的行为将操作指令传输给连接的硬件设备，并在页面上进行反馈。

进一步，步骤1)中，该图形文件的数据格式应基本包含了图形文件的所有信息，其中包括图形的名称，和具体图形的代码；绘制的图形所形成的代码具有一定规律，最外层应该为组合标记；在图形所形成的代码最外层标记内将图形绘制时会用到的对象也添加组合标记以划定范围；在绘图过程中，在每一个组合标记里添加唯一名称对可能会用到的对象进行唯一命名，以方便后续添加数据接口或动作响应；

进一步，步骤2)中，对图形设置数据接口时应该明确接口的内容应该包含对服务器接口的数量和每个接口的具体内容；同时，根据步骤1)中添加的组合标记区分对象；然后再根据步骤1)中不同的、有效的唯一名称添加相应的数据接口；

进一步，步骤3)中，对图形添加动作响应时应该明确动作响应的内容应该包含每个动作的名称、类型和具体表现形式；同时，根据步骤1)中添加的组合标记区分对象；然后再根据步骤1)中不同的、有效的唯一名称添加相应的动作响应。对图形添加动作响应的具体步骤如下：

3-1)对操作者(设计人员)的动作进行分类；

3-2)采集操作者(设计人员)的动作类型；

3-3)对操作者(设计人员)动作分配不同结果；

进一步，步骤4)中，完成绘制图形、设置数据接口和添加动作响应之后，将图形组件显示在画布上时的具体步骤如下：

4-1)首先显示的是工程师设计的图形；

4-2)在数据接口接收到连接的数据变化时，图形能够进行相应改变；

4-3)通过操作者鼠标操作图形的不同动作能够出现不同的动作响应。其中，实现画布上的图形组件动作响应的具体步骤如下：

采集操作者(设计人员)的动作；

对操作者(设计人员)的动作分类；

根据设计的不同响应模式来显示动作响应；