CN104820539A - 一种可交互式图形的复现方法 - Google Patents

Abstract

一种可交互式图形的复现方法，涉及计算机技术领域，包括有：1)在该方法的设计模式下，在画布中绘制图形，形成统一的数据格式，包括数据的基本格式和数值范围；2)对图形组件设置数据接口；3)在图形组件中添加动作响应；4)实现画布上的图形组件显示；5)通过用户在画布页面上的行为将操作指令传输给连接的硬件设备，并在页面上进行反馈。本发明包括计算机软件平台和对应硬件设备，通过将图形绘制，数据接口配置和动作响应设计这三部分统一为一个整体，提高了工程师的工作效率，实现了控制的交互式响应，将人工转为计算机自动化，将组件平台单一的绘制图形功能扩展为绘制图形，配置数据接口和设计动作响应的三种功能的集成方法。

Description

一种可交互式图形的复现方法

技术领域

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

背景技术

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

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

现有的图形组件平台，在开发图形文件时，多由工程师进行图形绘制，然后在此基础上进行数据接口配置，动作响应设计。在绘制图形文件时，大多采用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)通过操作者鼠标操作图形的不同动作能够出现不同的动作响应。其中，实现画布上的图形组件动作响应的具体步骤如下：

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

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

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

进一步，步骤5)中，完成页面显示后，用户能在该交互式页面进行操作，比如鼠标点击，鼠标覆盖，鼠标拖拽。根据用户对图形数据的操作，将指令发送给硬件设备，按相应操作实施控制，这时硬件设备将操作后的最新数据实时显示在图形数据的交互式页面，反馈给用户。

本发明包括计算机软件平台和对应硬件设备，通过将图形绘制，数据接口配置和动作响应设计这三部分统一为一个整体，提高了工程师的工作效率，减少了在标签中人工添加数据接口和设计动作响应时的误操作，实现了控制的交互式响应，将人工转为计算机自动化，将组件平台单一的绘制图形功能扩展为绘制图形，配置数据接口和设计动作响应的三种功能的集成方法。从面向过程的编程思想转换为面向对象的编程思想。概括而言如下：

1)提高工作效率；

2)提高工作正确率；

3)简化可交互式图形开发工作

本发明的其他优点、目标和特征在某种程度上将在随后的说明书中进行阐述，并且在某种程度上，基于对下文的考察研究对本领域技术人员而言将是显而易见的，或者可以从本发明的实践中得到教导。本发明的目标和其他优点可以通过下面的说明书和权利要求书来实现和获得。

附图说明

本发明的附图说明如下。

图1为一种可交互式图形的复现方法主要流程图；

图2为一种可交互式图形的复现方法模块结构图；

图3为一种可交互式图形的复现方法动作响应设计结构；

图4为一种可交互式图形的复现方法数据结构图。

具体实施方式

下面将结合附图，对本发明的优选实施例进行详细的描述。

一种可交互式图形的复现方法包含三部分：图形文件、数据接口和动作响应。直接通过记录操作者(设计人员)的动作，包括图形的样子，图形随数据的变化形式，点击图形的反馈等等，再通过图形引擎生成可交互式图形，显示在界面中，通过用户在页面的操作行为控制硬件设备，硬件设备反馈最新数据作用于显示界面中。具体复现方法主要流程如图1所示，具体复现方法模块结构如图2所示，本方法具体步骤如下：

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

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

S2：对图形组件设置数据接口；

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

S3：在图形组件中添加动作响应；

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

S31：对操作者(设计人员)的动作进行分类；

S32：采集操作者(设计人员)的动作类型；

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

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

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

S41：首先显示的是工程师设计的图形；

S42：在数据接口接收到连接的数据变化时，图形能够进行相应改变，其中复现方法数据结构如图4所示；

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

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

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

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

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

完成页面显示后，用户能在该交互式页面进行操作，比如鼠标点击，鼠标覆盖，鼠标拖拽。根据用户对图形数据的操作，将指令发送给硬件设备，按相应操作实施控制，这时硬件设备将操作后的最新数据实时显示在图形数据的交互式页面，反馈给用户。

最后说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或者等同替换，而不脱离本技术方案的宗旨和范围，其均应涵盖在本发明的权利要求范围当中。

Claims (6)

1.一种可交互式图形的复现方法包含三部分：图形文件、数据接口和动作响应。直接通过记录操作者(设计人员)的动作，包括图形的样子，图形随数据的变化形式，点击图形的反馈等等，再通过图形引擎生成可交互式图形，显示在界面中，通过用户在页面的操作行为控制硬件设备，硬件设备反馈最新数据作用于显示界面中。

一般组件平台是图形的创建平台，或是在图形创建成功后，在图形文件代码中手动添加数据接口或动作响应，这种平台一般只能绘制含有图形的画布，或另外重复工作在代码上进行二次开发。本方法则记录了操作者(设计人员)整个绘图过程信息的数据，再通过图形引擎直接将设计的内容转换为画布展示，包括设计者构思的图形元素及其动作响应和数据接口，都一并直接展示在画布中。

不同以往的是，一般的图形组件平台进行单纯图形绘制及展示，图形文件可能是矢量图形格式；而本方法是绘制的图形文件一般为结构化数据文件格式，再由结构化数据文件格式展示在画布上，这样的好处是可以避免矢量图形文件标签过多过乱，难以配置数据接口和设计动作响应的问题，还可以将三部分内容都直接集成在结构化数据文件里，集图形文件，数据接口，和动作响应为一体。

本方法具体步骤如下：

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

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

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

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

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

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

3.如权利要求2所述的一种可交互式图形的复现方法，其特征在于，步骤2)中对图形设置 数据接口时应该明确接口的内容应该包含对服务器接口的数量和每个接口的具体内容；同时，根据步骤1)中添加的组合标记区分对象；然后再根据步骤1)中不同的、有效的唯一名称添加相应的数据接口。

4.如权利要求2所述的一种可交互式图形的复现方法，其特征在于，步骤3)中对图形添加动作响应时应该明确动作响应的内容应该包含每个动作的名称、类型和具体表现形式；同时，根据步骤1)中添加的组合标记区分对象；然后再根据步骤1)中不同的、有效的唯一名称添加相应的动作响应。对图形添加动作响应的具体步骤如下：

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

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

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

5.如权利要求2所述的一种可交互式图形的复现方法，其特征在于，步骤4)中完成绘制图形、设置数据接口和添加动作响应之后，将图形组件显示在画布上时的具体步骤如下：

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

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

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

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

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

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

6.如权利要求2所述的一种可交互式图形的复现方法，其特征在于，步骤5)中完成页面显示后，用户能在该交互式页面进行操作，比如鼠标点击，鼠标覆盖，鼠标拖拽。根据用户对图形数据的操作，将指令发送给硬件设备，按相应操作实施控制，这时硬件设备将操作后的最新数据实时显示在图形数据的交互式页面，反馈给用户。