一种流程图节点在浏览器窗口中的定位方法
【专利摘要】本发明提供了一种流程图节点在浏览器窗口中的定位方法，该方法包括以下步骤：A、选择在流程图被打开时需要出现在浏览器窗口可视区域内的节点；B、获取所述节点在流程图画布中的位置；C、获取浏览器窗口的宽度和高度；D、根据所述节点在流程图画布中的位置及所述浏览器窗口的宽度和高度，确定能够使所述节点显示在所述浏览器窗口显示页面上的流程图画布于所述浏览器窗口中的位置。这一方法减少了浏览流程图中目标节点时所需的繁琐操作，改善了计算机中流程图显示的用户体验。
【专利说明】一种流程图节点在浏览器窗口中的定位方法
【技术领域】
[0001]本发明涉及一种流程图节点在浏览器窗口中的定位方法。
【背景技术】
[0002]在计算机中浏览较大的流程图时，较常见的流程图默认打开状态均为流程图的顶部。如果用户想要浏览流程图中比较靠后/靠下的节点时，通常需要较多的滚屏操作才能找到想要浏览的节点，既费时，又费力。
【发明内容】
[0003]有鉴于此，本发明的主要目的在于提供一种流程图节点在浏览器窗口中的定位方法，以减少浏览流程图中的目标节点而需要的繁琐操作。
[0004]本发明提供的一种流程图节点在浏览器窗口中的定位方法包括以下步骤:
[0005]A、选择在流程图被打开时需要出现在浏览器窗口可视区域内的节点；
[0006]B、获取所述节点在流程图画布中的位置；
[0007]C、获取浏览器窗口的宽度和高度；
[0008]D、根据所述节点在流程图画布中的位置及所述浏览器窗口的宽度和高度，确定能够使所述节点显示在所述浏览器窗口显示页面上的流程图画布于所述浏览器窗口中的位置。
[0009]在上述的方法中，所述步骤B包括:
[0010]根据所述节点的唯一标识获取所述节点在流程图画布中的显示对象，以所述显示对象属性中的X、y轴坐标作为所述节点在流程图画布中的位置。
[0011 ] 在上述的方法中，所述步骤D包括:
[0012]在所述节点的X轴坐标与一预设偏差值之和不大于所述浏览器窗口的宽度时，将所述浏览器窗口的滚动条保持在当前的水平位置上；否则，在水平方向上将所述滚动条朝向所述节点移动一定距离；
[0013]在所述节点的y轴坐标与一预设偏差值之和不大于所述浏览器窗口的高度时，将所述滚动条保持在当前的垂直位置上；否则，在垂直方向上将所述滚动条朝向所述节点移动一定距离。
[0014]在上述的方法中，所述滚动条在水平方向上的移动距离不小于所述节点X轴坐标与所述浏览器窗口的一半宽度之差；
[0015]所述滚动条在垂直方向上的移动距离不小于所述节点I轴坐标与所述浏览器窗口的一半高度之差。
[0016]在上述的方法中，所述步骤D包括:
[0017]在所述节点的X轴坐标与一预设偏差值之和不大于所述浏览器窗口的宽度时，将流程图画布保持在当前的水平位置上；否则，在水平方向上拖拽所述流程图画布，使所述流程图画布在水平方向上朝所述浏览器窗口移动一定距离；
[0018]在所述节点的y轴坐标与一预设偏差值之和不大于所述浏览器窗口的高度时，将所述流程图画布保持在当前的垂直位置上；否则，在垂直方向上拖拽所述流程图画布，使所述流程图画布在垂直方向上朝所述浏览器窗口移动一定距离。
[0019]在上述的方法中，所述流程图画布在水平方向上的移动距离不小于所述节点X轴坐标与所述浏览器窗口的一半宽度之差；
[0020]所述流程图画布在垂直方向上的移动距离不小于所述节点y轴坐标与所述浏览器窗口的一半高度之差。
[0021]由上可以看出，本发明方法可在流程图被打开时根据选定节点的位置移动流程图画布，以使选定节点显示在浏览器窗口的显示页面上，由此减少了用户查看选定节点所需的操作，改善了计算机中流程图显示的用户体验。
【专利附图】
【附图说明】
[0022]图1为本发明提供的流程图节点在浏览器窗口中的定位方法流程图；
[0023]图2为使用本发明方法实现流程图节点定位的效果示意图。
【具体实施方式】
[0024]依据本发明提供的流程图节点在浏览器窗口中的定位方法，在打开流程图时，自动将作为当前节点的预设节点定位在浏览器的可视区域内。
[0025]下面结合附图，详细介绍本发明提供的流程图节点在浏览器窗口中的定位方法。
[0026]如图1所示，上述定位方法包括以下步骤:
[0027]步骤100:输入在流程图被打开时需要出现在当前浏览器窗口可视区域内的节点(下文将简称为“当前节点”)。
[0028]举例来说，在本步骤中可输入当前节点的唯一标识，以与其它节点区别开。
[0029]步骤200:获取当前节点在流程图画布中的位置。
[0030]在本步骤中，可根据当前节点的唯一标识获取该当前节点在流程图画布中的显示对象(MovieClip)。由此依据当前节点的显示对象属性中的x、y轴坐标获得当前节点在流程图画布中的位置。
[0031]步骤300:获取当前浏览器窗口的宽度和高度。
[0032]目前主流浏览器的属性中均包含浏览器窗口的宽度和高度参数，因此一般只需读取浏览器属性便可获得浏览器窗口的宽度和高度。
[0033]步骤400:根据当前节点位置及当前浏览器窗口的宽度和高度，确定能够使当前节点显示在当前浏览器窗口显示页面上的流程图画布于当前浏览器窗口中的位置。
[0034]一般来说，在浏览器窗口的显示页面中的操控流程图画布的模式有两种:一种是滚动条模式，即通过滑动水平/垂直滚动条来实现流程图画布在浏览器窗口显示页面中的左右/上下移动；另一种是拖拽模式，即通过拖拽流程图画布实现流程图画布在浏览器窗口显示页面中的左右/上下移动。由此可知，只需确定滚动条的移动方向和距离，以及流程图画布的拖拽方向和距离，便可调整流程图画布于浏览器窗口中的位置。流程图画布于当前浏览器窗口中的位置的确定过程具体如下:
[0035]在滚动条模式下确定(能够使当前节点显示在当前浏览器窗口显示页面上)流程图画布于当前浏览器窗口中的位置的具体方法如下:
[0036]在当前节点的X轴坐标与一预设偏差值(例如80像素)之和不大于当前浏览器窗口的宽度时，可确定当前节点的X轴坐标位于当前浏览器窗口的宽度范围之内，因此无需改变滚动条的当前水平位置，即:将滚动条保持在当前的水平位置上；否则，需要在水平方向上将滚动条朝向当前节点移动一定距离。该距离应不小于当前节点X轴坐标与当前浏览器窗口的一半宽度之差。由此确定出滚动条的水平位置。
[0037]在当前节点的y轴坐标与一预设偏差值(例如80像素)之和不大于当前浏览器窗口的高度时，可确定当前节点的y轴坐标位于当前浏览器窗口的高度范围之内，因此无需改变滚动条的当前垂直位置，即:将滚动条保持在当前的垂直位置上；否则，需要在垂直方向上将滚动条朝向当前节点移动一定距离。该距离应不小于当前节点y轴坐标与当前浏览器窗口的一半高度之差。由此确定出滚动条的垂直位置。
[0038]通过将滚动条移动到上述过程确定的水平及垂直位置，便可使流程图画布位于能够将当前节点显示在当前浏览器窗口显示页面中的位置上，进而显示出当前节点(如图2所示)。
[0039]在拖拽模式下确定确定(能够使当前节点显示在当前浏览器窗口显示页面上)流程图画布于当前浏览器窗口中的位置的具体方法如下:
[0040]在当前节点的X轴坐标与一预设偏差值(例如80像素)之和不大于当前浏览器窗口的宽度时，可确定当前节点的X轴坐标位于当前浏览器窗口的宽度范围之内，因此无需改变流程图画布的当前水平位置，即:将流程图画布保持在当前的水平位置上；否则，需要在水平方向上拖拽流程图画布，使流程图画布在水平方向上朝向当前浏览器窗口移动一定距离。该距离应不小于当前节点X轴坐标与当前浏览器窗口的一半宽度之差。由此确定出流程图画布的水平位置。
[0041]在当前节点的y轴坐标与一预设偏差值(例如80像素)之和不大于当前浏览器窗口的高度时，可确定当前节点的y轴坐标位于当前浏览器窗口的高度范围之内，因此无需改变流程图画布的当前垂直位置，即:将流程图画布保持在当前的垂直位置上；否则，需要在垂直方向上拖拽流程图画布，使流程图画布在垂直方向上朝向当前浏览器窗口移动一定距离。该距离应不小于当前节点y轴坐标与当前浏览器窗口的一半高度之差。由此确定出流程图画布的垂直位置。
[0042]通过将流程图画布拖拽到上述过程确定的水平及垂直位置，便可使当前节点位于当前浏览器窗口显示页面中的位置上，进而显示出当前节点。
[0043]以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
【权利要求】
1.一种流程图节点在浏览器窗口中的定位方法，其特征在于，包括以下步骤: 八、选择在流程图被打开时需要出现在浏览器窗口可视区域内的节点； 8、获取所述节点在流程图画布中的位置； 0、获取浏览器窗口的宽度和高度； 0、根据所述节点在流程图画布中的位置及所述浏览器窗口的宽度和高度，确定能够使所述节点显示在所述浏览器窗口显示页面上的流程图画布于所述浏览器窗口中的位置。
2.根据权利要求1所述的方法，其特征在于，所述步骤8包括: 根据所述节点的唯一标识获取所述节点在流程图画布中的显示对象，以所述显示对象属性中的^7轴坐标作为所述节点在流程图画布中的位置。
3.根据权利要求2所述的方法，其特征在于，所述步骤0包括: 在所述节点的X轴坐标与一预设偏差值之和不大于所述浏览器窗口的宽度时，将所述浏览器窗口的滚动条保持在当前的水平位置上；否则，在水平方向上将所述滚动条朝向所述节点移动一定距离； 在所述节点的7轴坐标与一预设偏差值之和不大于所述浏览器窗口的高度时，将所述滚动条保持在当前的垂直位置上；否则，在垂直方向上将所述滚动条朝向所述节点移动一定距离。
4.根据权利要求3所述的方法，其特征在于， 所述滚动条在水平方向上的移动距离不小于所述节点X轴坐标与所述浏览器窗口的一半宽度之差； 所述滚动条在垂直方向上的移动距离不小于所述节点7轴坐标与所述浏览器窗口的一半高度之差。
5.根据权利要求2所述的方法，其特征在于，所述步骤0包括: 在所述节点的X轴坐标与一预设偏差值之和不大于所述浏览器窗口的宽度时，将流程图画布保持在当前的水平位置上；否则，在水平方向上拖拽所述流程图画布，使所述流程图画布在水平方向上朝所述浏览器窗口移动一定距离； 在所述节点的7轴坐标与一预设偏差值之和不大于所述浏览器窗口的高度时，将所述流程图画布保持在当前的垂直位置上；否则，在垂直方向上拖拽所述流程图画布，使所述流程图画布在垂直方向上朝所述浏览器窗口移动一定距离。
6.根据权利要求5所述的方法，其特征在于， 所述流程图画布在水平方向上的移动距离不小于所述节点X轴坐标与所述浏览器窗口的一半宽度之差； 所述流程图画布在垂直方向上的移动距离不小于所述节点7轴坐标与所述浏览器窗口的一半高度之差。
【文档编号】G06F3/0481GK104462574SQ201410837425
【公开日】2015年3月25日 申请日期:2014年12月29日 优先权日:2014年12月29日
【发明者】谭敏锋, 王朝文 申请人:北京致远协创软件有限公司