一种流程图制作方法及装置制造方法及图纸

本申请公开了一种流程图制作方法及装置。所述方法包括：当用户选择创建一个新的流程图时，为所述流程图创建导航面板和页面预览区，并创建编辑和预览两种模式；在所述编辑模式下，按照用户的要求在所述导航面板中创建流程块控件，并设置所述流程块控件的属性，所述属性包括未引用页面和已引用页面，当所述流程块控件的属性为已引用页面时，将用户所选择的页面与所述流程块控件进行绑定，使所述用户所选择的页面成为所述流程块控件的被引用页面；在所述编辑模式下，根据所述被引用页面中的交互事件生成带有交互的事件箭头线。所述装置包括：初始模块、流程块控件创建模块和事件箭头线生成模块。

【技术实现步骤摘要】
一种流程图制作方法及装置
本申请涉及页面流程图制作领域，特别是涉及流程图制作方法及装置。
技术介绍
制作页面流程图时，通过将平铺在同一平面的页面用事件箭头线连结来呈现页面流程逻辑，预览页面流程时，需要通过调整页面比例，切换查看页面流程和页面内容。这种方法存在以下缺陷：1、制作页面流程时，由于页面较大，拖拽移动和排列位置不方便；2、查看页面流程时，页面显示较小，页面内容不易读；查看流程中的页面内容时局部放大，查看其所在流程环节不方便；3、查看页面流程时，点击交互事件箭头线时，无法同时查看该事件在真实页面中的交互动效。
技术实现思路
本申请的目的在于克服上述问题或者至少部分地解决或缓减解决上述问题。根据本申请的一个方面，提供了一种流程图制作方法，所述方法包括：当用户选择创建一个新的流程图时，为所述流程图创建导航面板和页面预览区，并创建编辑和预览两种模式；在所述编辑模式下，按照用户的要求在所述导航面板中创建流程块控件，并设置所述流程块控件的属性，所述属性包括未引用页面和已引用页面，当所述流程块控件的属性为已引用页面时，将用户所选择的页面与所述流程块控件进行绑定，使所述用户所选择的页面成为所述流程块控件的被引用页面；在所述编辑模式下，根据所述被引用页面中的交互事件生成带有交互的事件箭头线。可选地，所述方法还包括：在所述编辑模式下，删除用户所选择的流程块控件和/或事件箭头线。可选地，所述方法还包括：在所述编辑模式下，对所述被引用页面中已自动生成箭头线的交互事件添加事件描述、进行交互设置和箭头线外观设置。可选地，所述方法还包括：在所述编辑模式下，对所述被引用页面中未自动生成箭头线的交互事件添加事件描述和进行交互设置。可选地，所述方法还包括：在所述编辑模式下，用箭头线连接用户所选择的两个流程块控件，创建无交互事件的箭头线。可选地，所述方法还包括：对起点与属性为已引用页面的流程块控件相连接的无交互事件箭头线添加交互事件，使所述无交互事件箭头线更改为有交互事件的箭头线。根据本申请的另一个方面，还提供了一种流程图制作装置，所述装置包括：初始模块，其配置成当用户选择创建一个新的流程图时，为所述流程图创建导航面板和页面预览区，并创建编辑和预览两种模式；流程块控件创建模块，其配置成在所述编辑模式下，按照用户的要求在所述导航面板中创建流程块控件，并设置所述流程块控件的属性，所述属性包括未引用页面和已引用页面，当所述流程块控件的属性为已引用页面时，将用户所选择的页面与所述流程块控件进行绑定，使所述用户所选择的页面成为所述流程块控件的被引用页面；和事件箭头线生成模块，其配置成在所述编辑模式下，根据所述被引用页面中的交互事件生成带有交互的事件箭头线。可选地，所述装置还包括：删除模块，其配置成在所述编辑模式下，删除用户所选择的流程块控件和/或事件箭头线。可选地，所述装置还包括：第一设置模块，其配置成在所述编辑模式下，对所述被引用页面中已自动生成箭头线的交互事件添加事件描述、进行交互设置和箭头线外观设置；和第二设置模块，其配置成在所述编辑模式下，对所述被引用页面中未自动生成箭头线的交互事件添加事件描述和进行交互设置。可选地，所述装置还包括：箭头线生成模块，其配置成在所述编辑模式下，用箭头线连接用户所选择的两个流程块控件，创建无交互事件的箭头线。本申请的流程图制作方法及装置，由于将流程图的设计应用于交互页面上，通过为流程块添加引用页面，由引用页面中交互事件自动生成的带有交互的事件箭头线，因此能够实现可交互的页面流程导航装置。相比较于需要通过调整页面比例切换查看页面流程和页面内容，本申请的方法及装置只需要考虑为流程块引用有交互事件的页面，即可实现同时浏览页面流程、页面内容和页面事件的交互动效。根据下文结合附图对本申请的具体实施例的详细描述，本领域技术人员将会更加明了本申请的上述以及其他目的、优点和特征。附图说明后文将参照附图以示例性而非限制性的方式详细描述本申请的一些具体实施例。附图中相同的附图标记标示了相同或类似的部件或部分。本领域技术人员应该理解，这些附图未必是按比例绘制的。附图中：图1是根据本申请一个实施例的一种流程图制作方法的示意性流程图；图2是根据本申请一个实施例的一种流程图制作装置的结构示意图；图3是根据本申请一个实施例的一种计算设备的结构示意图；图4是根据本申请一个实施例的一种计算机可读存储介质的结构示意图。具体实施方式图1是根据本申请一个实施例的一种流程图制作方法的示意性流程图。所述流程图制作方法一般性地可包括：步骤S1、当用户选择创建一个新的流程图时，为所述流程图创建导航面板和页面预览区，并创建编辑和预览两种模式，在页面流程导航面板中，可以编辑流程块控件和事件箭头线；步骤S2、在所述编辑模式下，按照用户的要求在所述导航面板中创建流程块控件，并设置所述流程块控件的属性，所述属性包括未引用页面和已引用页面；所述流程块控件的尺寸可以更改，在页面导航面板中的位置可以自由移动，流程块控件中输入文本的内容和样式、以及流程块控件的外观(例如形状、填充、描边、阴影等)均可以更改；在导航面板中新创建的流程块控件的默认属性为未引用页面，此时，用户可以选择设置引用页面；当所述流程块控件的属性为已引用页面时，将用户所选择的页面与所述流程块控件进行绑定，使所述用户所选择的页面成为所述流程块控件的被引用页面，设置所述被引用页面时，需要由用户选择目标页面/状态；还可以通过选择页面(可批量选择页面)在导航面板中生成已引用页面的流程块控件，这里，选择的页面可以包括文件内容中的所有页面；步骤S3、在所述编辑模式下，根据所述被引用页面中的交互事件生成带有交互的事件箭头线；事件箭头线分为有交互事件箭头线和无交互事件箭头线：当交互事件的触发页面(状态)与目标页面(状态)被某两个流程块控件引用时，在所述两个流程块控件之间自动生成该交互事件的事件箭头线；当交互事件的触发页面(状态)或目标页面(状态)没有被流程块控件引用，该交互事件不能生成交互事件箭头线，可以通过用箭头线连结两个流程块控件的方式来创建无交互事件的箭头线；对于有交互的事件箭头线，可以添加所述事件箭头线的描述文本，设置所述事件箭头线的外观(例如线段虚实、颜色、粗细、端点样式、阴影等)和所述事件箭头线与流程块控件相连的节点位置，还可以对与所述事件箭头线相关联的交互事件添加事件描述和交互设置(例如交互行为、目标页面/状态、动效设置等)；对于无交互的事件箭头线，可以添加所述事件箭头线的描述文本，设置所述事件箭头线的外观(例如线段虚实、颜色、粗细、端点样式、阴影等)和所述事件箭头线与流程块控件相连的节点位置。在步骤S1至步骤S3的基础上，还可以在所述编本文档来自技高网...

【技术保护点】
1.一种流程图制作方法，包括：/n当用户选择创建一个新的流程图时，为所述流程图创建导航面板和页面预览区，并创建编辑和预览两种模式；/n在所述编辑模式下，按照用户的要求在所述导航面板中创建流程块控件，并设置所述流程块控件的属性，所述属性包括未引用页面和已引用页面，当所述流程块控件的属性为已引用页面时，将用户所选择的页面与所述流程块控件进行绑定，使所述用户所选择的页面成为所述流程块控件的被引用页面；/n在所述编辑模式下，根据所述被引用页面中的交互事件生成带有交互的事件箭头线。/n

【技术特征摘要】
1.一种流程图制作方法，包括：
当用户选择创建一个新的流程图时，为所述流程图创建导航面板和页面预览区，并创建编辑和预览两种模式；
在所述编辑模式下，按照用户的要求在所述导航面板中创建流程块控件，并设置所述流程块控件的属性，所述属性包括未引用页面和已引用页面，当所述流程块控件的属性为已引用页面时，将用户所选择的页面与所述流程块控件进行绑定，使所述用户所选择的页面成为所述流程块控件的被引用页面；
在所述编辑模式下，根据所述被引用页面中的交互事件生成带有交互的事件箭头线。


2.根据权利要求1所述的方法，其特征在于，还包括：
在所述编辑模式下，删除用户所选择的流程块控件和/或事件箭头线。


3.根据权利要求1或2所述的方法，其特征在于，还包括：
在所述编辑模式下，对所述被引用页面中已自动生成箭头线的交互事件添加事件描述、进行交互设置和箭头线外观设置。


4.根据权利要求1或2所述的方法，其特征在于，还包括：
在所述编辑模式下，对所述被引用页面中未自动生成箭头线的交互事件添加事件描述和进行交互设置。


5.根据权利要求1或2所述的方法，其特征在于，还包括：
在所述编辑模式下，用箭头线连接用户所选择的两个流程块控件，创建无交互事件的箭头线。


6.根据权利要求1或2所述的方法，其特征在于，还包括：
对起点与属性为已引用页面的流程块控件相连接的无交互事件箭头线添加交互事件，...

【专利技术属性】
技术研发人员：柳叶，
申请(专利权)人：北京磨刀刻石科技有限公司，
类型：发明
国别省市：北京;11