一種流程圖節(jié)點在瀏覽器窗口中的定位方法
【專利摘要】本發(fā)明提供了一種流程圖節(jié)點在瀏覽器窗口中的定位方法，該方法包括以下步驟：A、選擇在流程圖被打開時需要出現(xiàn)在瀏覽器窗口可視區(qū)域內(nèi)的節(jié)點；B、獲取所述節(jié)點在流程圖畫布中的位置；C、獲取瀏覽器窗口的寬度和高度；D、根據(jù)所述節(jié)點在流程圖畫布中的位置及所述瀏覽器窗口的寬度和高度，確定能夠使所述節(jié)點顯示在所述瀏覽器窗口顯示頁面上的流程圖畫布于所述瀏覽器窗口中的位置。這一方法減少了瀏覽流程圖中目標節(jié)點時所需的繁瑣操作，改善了計算機中流程圖顯示的用戶體驗。
【專利說明】一種流程圖節(jié)點在瀏覽器窗口中的定位方法

【技術領域】
[0001]本發(fā)明涉及一種流程圖節(jié)點在瀏覽器窗口中的定位方法。

【背景技術】
[0002]在計算機中瀏覽較大的流程圖時，較常見的流程圖默認打開狀態(tài)均為流程圖的頂部。如果用戶想要瀏覽流程圖中比較靠后/靠下的節(jié)點時，通常需要較多的滾屏操作才能找到想要瀏覽的節(jié)點，既費時，又費力。


【發(fā)明內(nèi)容】

[0003]有鑒于此，本發(fā)明的主要目的在于提供一種流程圖節(jié)點在瀏覽器窗口中的定位方法，以減少瀏覽流程圖中的目標節(jié)點而需要的繁瑣操作。
[0004]本發(fā)明提供的一種流程圖節(jié)點在瀏覽器窗口中的定位方法包括以下步驟:
[0005]A、選擇在流程圖被打開時需要出現(xiàn)在瀏覽器窗口可視區(qū)域內(nèi)的節(jié)點；
[0006]B、獲取所述節(jié)點在流程圖畫布中的位置；
[0007]C、獲取瀏覽器窗口的寬度和高度；
[0008]D、根據(jù)所述節(jié)點在流程圖畫布中的位置及所述瀏覽器窗口的寬度和高度，確定能夠使所述節(jié)點顯示在所述瀏覽器窗口顯示頁面上的流程圖畫布于所述瀏覽器窗口中的位置。
[0009]在上述的方法中，所述步驟B包括:
[0010]根據(jù)所述節(jié)點的唯一標識獲取所述節(jié)點在流程圖畫布中的顯示對象，以所述顯示對象屬性中的X、y軸坐標作為所述節(jié)點在流程圖畫布中的位置。
[0011 ] 在上述的方法中，所述步驟D包括:
[0012]在所述節(jié)點的X軸坐標與一預設偏差值之和不大于所述瀏覽器窗口的寬度時，將所述瀏覽器窗口的滾動條保持在當前的水平位置上；否則，在水平方向上將所述滾動條朝向所述節(jié)點移動一定距離；
[0013]在所述節(jié)點的y軸坐標與一預設偏差值之和不大于所述瀏覽器窗口的高度時，將所述滾動條保持在當前的垂直位置上；否則，在垂直方向上將所述滾動條朝向所述節(jié)點移動一定距離。
[0014]在上述的方法中，所述滾動條在水平方向上的移動距離不小于所述節(jié)點X軸坐標與所述瀏覽器窗口的一半寬度之差；
[0015]所述滾動條在垂直方向上的移動距離不小于所述節(jié)點I軸坐標與所述瀏覽器窗口的一半高度之差。
[0016]在上述的方法中，所述步驟D包括:
[0017]在所述節(jié)點的X軸坐標與一預設偏差值之和不大于所述瀏覽器窗口的寬度時，將流程圖畫布保持在當前的水平位置上；否則，在水平方向上拖拽所述流程圖畫布，使所述流程圖畫布在水平方向上朝所述瀏覽器窗口移動一定距離；
[0018]在所述節(jié)點的y軸坐標與一預設偏差值之和不大于所述瀏覽器窗口的高度時，將所述流程圖畫布保持在當前的垂直位置上；否則，在垂直方向上拖拽所述流程圖畫布，使所述流程圖畫布在垂直方向上朝所述瀏覽器窗口移動一定距離。
[0019]在上述的方法中，所述流程圖畫布在水平方向上的移動距離不小于所述節(jié)點X軸坐標與所述瀏覽器窗口的一半寬度之差；
[0020]所述流程圖畫布在垂直方向上的移動距離不小于所述節(jié)點y軸坐標與所述瀏覽器窗口的一半高度之差。
[0021]由上可以看出，本發(fā)明方法可在流程圖被打開時根據(jù)選定節(jié)點的位置移動流程圖畫布，以使選定節(jié)點顯示在瀏覽器窗口的顯示頁面上，由此減少了用戶查看選定節(jié)點所需的操作，改善了計算機中流程圖顯示的用戶體驗。

【專利附圖】

【附圖說明】
[0022]圖1為本發(fā)明提供的流程圖節(jié)點在瀏覽器窗口中的定位方法流程圖；
[0023]圖2為使用本發(fā)明方法實現(xiàn)流程圖節(jié)點定位的效果示意圖。

【具體實施方式】
[0024]依據(jù)本發(fā)明提供的流程圖節(jié)點在瀏覽器窗口中的定位方法，在打開流程圖時，自動將作為當前節(jié)點的預設節(jié)點定位在瀏覽器的可視區(qū)域內(nèi)。
[0025]下面結合附圖，詳細介紹本發(fā)明提供的流程圖節(jié)點在瀏覽器窗口中的定位方法。
[0026]如圖1所示，上述定位方法包括以下步驟:
[0027]步驟100:輸入在流程圖被打開時需要出現(xiàn)在當前瀏覽器窗口可視區(qū)域內(nèi)的節(jié)點(下文將簡稱為“當前節(jié)點”)。
[0028]舉例來說，在本步驟中可輸入當前節(jié)點的唯一標識，以與其它節(jié)點區(qū)別開。
[0029]步驟200:獲取當前節(jié)點在流程圖畫布中的位置。
[0030]在本步驟中，可根據(jù)當前節(jié)點的唯一標識獲取該當前節(jié)點在流程圖畫布中的顯示對象(MovieClip)。由此依據(jù)當前節(jié)點的顯示對象屬性中的x、y軸坐標獲得當前節(jié)點在流程圖畫布中的位置。
[0031]步驟300:獲取當前瀏覽器窗口的寬度和高度。
[0032]目前主流瀏覽器的屬性中均包含瀏覽器窗口的寬度和高度參數(shù)，因此一般只需讀取瀏覽器屬性便可獲得瀏覽器窗口的寬度和高度。
[0033]步驟400:根據(jù)當前節(jié)點位置及當前瀏覽器窗口的寬度和高度，確定能夠使當前節(jié)點顯示在當前瀏覽器窗口顯示頁面上的流程圖畫布于當前瀏覽器窗口中的位置。
[0034]一般來說，在瀏覽器窗口的顯示頁面中的操控流程圖畫布的模式有兩種:一種是滾動條模式，即通過滑動水平/垂直滾動條來實現(xiàn)流程圖畫布在瀏覽器窗口顯示頁面中的左右/上下移動；另一種是拖拽模式，即通過拖拽流程圖畫布實現(xiàn)流程圖畫布在瀏覽器窗口顯示頁面中的左右/上下移動。由此可知，只需確定滾動條的移動方向和距離，以及流程圖畫布的拖拽方向和距離，便可調(diào)整流程圖畫布于瀏覽器窗口中的位置。流程圖畫布于當前瀏覽器窗口中的位置的確定過程具體如下:
[0035]在滾動條模式下確定(能夠使當前節(jié)點顯示在當前瀏覽器窗口顯示頁面上)流程圖畫布于當前瀏覽器窗口中的位置的具體方法如下:
[0036]在當前節(jié)點的X軸坐標與一預設偏差值(例如80像素)之和不大于當前瀏覽器窗口的寬度時，可確定當前節(jié)點的X軸坐標位于當前瀏覽器窗口的寬度范圍之內(nèi)，因此無需改變滾動條的當前水平位置，即:將滾動條保持在當前的水平位置上；否則，需要在水平方向上將滾動條朝向當前節(jié)點移動一定距離。該距離應不小于當前節(jié)點X軸坐標與當前瀏覽器窗口的一半寬度之差。由此確定出滾動條的水平位置。
[0037]在當前節(jié)點的y軸坐標與一預設偏差值(例如80像素)之和不大于當前瀏覽器窗口的高度時，可確定當前節(jié)點的y軸坐標位于當前瀏覽器窗口的高度范圍之內(nèi)，因此無需改變滾動條的當前垂直位置，即:將滾動條保持在當前的垂直位置上；否則，需要在垂直方向上將滾動條朝向當前節(jié)點移動一定距離。該距離應不小于當前節(jié)點y軸坐標與當前瀏覽器窗口的一半高度之差。由此確定出滾動條的垂直位置。
[0038]通過將滾動條移動到上述過程確定的水平及垂直位置，便可使流程圖畫布位于能夠?qū)斍肮?jié)點顯示在當前瀏覽器窗口顯示頁面中的位置上，進而顯示出當前節(jié)點(如圖2所示)。
[0039]在拖拽模式下確定確定(能夠使當前節(jié)點顯示在當前瀏覽器窗口顯示頁面上)流程圖畫布于當前瀏覽器窗口中的位置的具體方法如下:
[0040]在當前節(jié)點的X軸坐標與一預設偏差值(例如80像素)之和不大于當前瀏覽器窗口的寬度時，可確定當前節(jié)點的X軸坐標位于當前瀏覽器窗口的寬度范圍之內(nèi)，因此無需改變流程圖畫布的當前水平位置，即:將流程圖畫布保持在當前的水平位置上；否則，需要在水平方向上拖拽流程圖畫布，使流程圖畫布在水平方向上朝向當前瀏覽器窗口移動一定距離。該距離應不小于當前節(jié)點X軸坐標與當前瀏覽器窗口的一半寬度之差。由此確定出流程圖畫布的水平位置。
[0041]在當前節(jié)點的y軸坐標與一預設偏差值(例如80像素)之和不大于當前瀏覽器窗口的高度時，可確定當前節(jié)點的y軸坐標位于當前瀏覽器窗口的高度范圍之內(nèi)，因此無需改變流程圖畫布的當前垂直位置，即:將流程圖畫布保持在當前的垂直位置上；否則，需要在垂直方向上拖拽流程圖畫布，使流程圖畫布在垂直方向上朝向當前瀏覽器窗口移動一定距離。該距離應不小于當前節(jié)點y軸坐標與當前瀏覽器窗口的一半高度之差。由此確定出流程圖畫布的垂直位置。
[0042]通過將流程圖畫布拖拽到上述過程確定的水平及垂直位置，便可使當前節(jié)點位于當前瀏覽器窗口顯示頁面中的位置上，進而顯示出當前節(jié)點。
[0043]以上所述僅為本發(fā)明的較佳實施例而已，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應包含在本發(fā)明的保護范圍之內(nèi)。
【權利要求】
1.一種流程圖節(jié)點在瀏覽器窗口中的定位方法，其特征在于，包括以下步驟: 八、選擇在流程圖被打開時需要出現(xiàn)在瀏覽器窗口可視區(qū)域內(nèi)的節(jié)點； 8、獲取所述節(jié)點在流程圖畫布中的位置； 0、獲取瀏覽器窗口的寬度和高度； 0、根據(jù)所述節(jié)點在流程圖畫布中的位置及所述瀏覽器窗口的寬度和高度，確定能夠使所述節(jié)點顯示在所述瀏覽器窗口顯示頁面上的流程圖畫布于所述瀏覽器窗口中的位置。
2.根據(jù)權利要求1所述的方法，其特征在于，所述步驟8包括: 根據(jù)所述節(jié)點的唯一標識獲取所述節(jié)點在流程圖畫布中的顯示對象，以所述顯示對象屬性中的^7軸坐標作為所述節(jié)點在流程圖畫布中的位置。
3.根據(jù)權利要求2所述的方法，其特征在于，所述步驟0包括: 在所述節(jié)點的X軸坐標與一預設偏差值之和不大于所述瀏覽器窗口的寬度時，將所述瀏覽器窗口的滾動條保持在當前的水平位置上；否則，在水平方向上將所述滾動條朝向所述節(jié)點移動一定距離； 在所述節(jié)點的7軸坐標與一預設偏差值之和不大于所述瀏覽器窗口的高度時，將所述滾動條保持在當前的垂直位置上；否則，在垂直方向上將所述滾動條朝向所述節(jié)點移動一定距離。
4.根據(jù)權利要求3所述的方法，其特征在于， 所述滾動條在水平方向上的移動距離不小于所述節(jié)點X軸坐標與所述瀏覽器窗口的一半寬度之差； 所述滾動條在垂直方向上的移動距離不小于所述節(jié)點7軸坐標與所述瀏覽器窗口的一半高度之差。
5.根據(jù)權利要求2所述的方法，其特征在于，所述步驟0包括: 在所述節(jié)點的X軸坐標與一預設偏差值之和不大于所述瀏覽器窗口的寬度時，將流程圖畫布保持在當前的水平位置上；否則，在水平方向上拖拽所述流程圖畫布，使所述流程圖畫布在水平方向上朝所述瀏覽器窗口移動一定距離； 在所述節(jié)點的7軸坐標與一預設偏差值之和不大于所述瀏覽器窗口的高度時，將所述流程圖畫布保持在當前的垂直位置上；否則，在垂直方向上拖拽所述流程圖畫布，使所述流程圖畫布在垂直方向上朝所述瀏覽器窗口移動一定距離。
6.根據(jù)權利要求5所述的方法，其特征在于， 所述流程圖畫布在水平方向上的移動距離不小于所述節(jié)點X軸坐標與所述瀏覽器窗口的一半寬度之差； 所述流程圖畫布在垂直方向上的移動距離不小于所述節(jié)點7軸坐標與所述瀏覽器窗口的一半高度之差。
【文檔編號】G06F3/0481GK104462574SQ201410837425
【公開日】2015年3月25日 申請日期:2014年12月29日 優(yōu)先權日:2014年12月29日
【發(fā)明者】譚敏鋒, 王朝文 申請人:北京致遠協(xié)創(chuàng)軟件有限公司