一種基于Dock技術(shù)的多屏UI布局的方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及信息安全技術(shù)領(lǐng)域，特別涉及一種基于Dock技術(shù)的多屏UI布局的方法。
【背景技術(shù)】
[0002]目前，傳統(tǒng)UI界面布局簡單，不支持可視化區(qū)域的拖放，改變可視化區(qū)域的面積。
[0003]可視化區(qū)域有限，對于支持可變化區(qū)域的布局來說，一般都限定了可變化布局的區(qū)域，僅能在固定的區(qū)域內(nèi)作有限的變化。
[0004]操作復(fù)雜，對于處理多個(gè)視圖，大量數(shù)據(jù)來說，他們采用了等比縮放，或通過滾動條來解決不能全屏瀏覽的方案，這種方案已經(jīng)出現(xiàn)弊端:需要操作員不停操作改變可視化區(qū)域內(nèi)可見數(shù)據(jù)，或者調(diào)整了一個(gè)視圖的可視化區(qū)域是以犧牲相鄰視圖可視化區(qū)域?yàn)榇鷥r(jià)，增加了操作成本。
[0005]不支持多屏協(xié)同作業(yè)，多數(shù)圖形化應(yīng)用能且僅能在同一塊屏內(nèi)全屏，內(nèi)含的多視圖僅能等比例縮放，即使能夠支持多屏，也是預(yù)設(shè)指定特定視圖顯示在特定屏幕上，不滿足一些視圖需要協(xié)同操作的場景，例如:原本存在兩塊屏幕的不同視圖需要拖放到同一屏幕內(nèi)進(jìn)行作業(yè)。
[0006]本發(fā)明所涉及的專業(yè)知識如下:
[0007]Dock:是圖形用戶界面中用于啟動、切換運(yùn)行中的應(yīng)用程序的一種功能界面。
[0008]⑶1:是Graphical User Interface的簡稱，即圖形用戶接口，通常人機(jī)交互圖形化用戶界面設(shè)計(jì)經(jīng)常讀做“goo-ee”，準(zhǔn)確來說GUI就是屏幕產(chǎn)品的視覺體驗(yàn)和互動操作部分。
[0009]圖形用戶界面:是一種人與計(jì)算機(jī)通信的界面顯示格式，允許用戶使用鼠標(biāo)等輸入設(shè)備操縱屏幕上的圖標(biāo)或菜單選項(xiàng)，以選擇命令、調(diào)用文件、啟動程序或執(zhí)行其它一些日常任務(wù)。
[0010]U1:User’s Interface，用戶界面，也稱人機(jī)界面。是指用戶和某些系統(tǒng)進(jìn)行交互方法的集合，這些系統(tǒng)不單單指電腦程序，還包括某種特定的機(jī)器，設(shè)備，復(fù)雜的工具等。

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

[0011]本發(fā)明針對現(xiàn)有技術(shù)的缺陷，提供了一種基于Dock技術(shù)的多屏UI布局的方法，能有效的解決上述現(xiàn)有技術(shù)存在的問題。
[0012]—種基于Dock技術(shù)的多屏UI布局的方法，包括步驟:
[0013]S1:識別當(dāng)前已連接的屏幕個(gè)數(shù)；
[0014]S2:根據(jù)視圖分配參數(shù)、屏幕數(shù)、需要展示的視圖數(shù)量和每張視圖的權(quán)重進(jìn)行可視區(qū)域劃分和排版，完成UI初步布局；
[0015]S3:若覺得布局已完成，可選擇確定，若不滿意布局，可選擇修改布局執(zhí)行S4 ;
[0016]S4:通過鼠標(biāo)拖動視圖，預(yù)測視圖?？康奈恢?，釋放選擇視圖，完成布局。
[0017]作為優(yōu)選，所述S2視圖分配參數(shù)是預(yù)先配置的視圖劃分方案。
[0018]作為優(yōu)選，所述預(yù)測?？课恢糜?居左停靠、居右?？?、居上?？?、居中停靠、居下?？窟@幾種默認(rèn)方式。
[0019]與現(xiàn)有技術(shù)相比本發(fā)明的優(yōu)點(diǎn)在于:能夠自動檢測已連接的屏幕個(gè)數(shù)，并自動適配，計(jì)算布局需要最大最小空間，合理分配屏幕利用率；
[0020]能夠靈活改變多視圖可是區(qū)域大小，排列順序，是否全屏顯示區(qū)域的位置，且不影響整體功能的持續(xù)正常運(yùn)行；
[0021]操作簡便，只需使用鼠標(biāo)拖拽目標(biāo)視圖就可達(dá)到理想可視化區(qū)域的目的；
[0022]支持多屏協(xié)同作業(yè)。
【具體實(shí)施方式】
[0023]為使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白，以下舉實(shí)施例，對本發(fā)明做進(jìn)一步詳細(xì)說明。
[0024]如圖1所示，一種基于Dock技術(shù)的多屏UI布局的方法，包括步驟:
[0025]S1:識別當(dāng)前已連接的屏幕個(gè)數(shù)，以圖1中的2屏為例；
[0026]S2:根據(jù)視圖分配參數(shù)，將屏幕數(shù)為、需要展示的視圖數(shù)量(假設(shè)為6張)和每張視圖的權(quán)重(假設(shè)V6和V5權(quán)重高于其他視圖)，進(jìn)行可視區(qū)域劃分和排版，完成UI初步布局如圖1 ;
[0027]S3:若覺得布局已完成，可選擇確定，若不滿意布局，可選擇修改布局執(zhí)行S4 ;
[0028]S4:通過鼠標(biāo)拖動視圖(如:需要將圖1中v3與v5進(jìn)行位置對調(diào)，v3將得到v5權(quán)重，僅需使用鼠標(biāo)選中v3，拖動v3視圖即可)，預(yù)測視圖?？康奈恢?當(dāng)視圖v3被選擇，并拖動，拖動軌跡經(jīng)過的可視化區(qū)域，系統(tǒng)會預(yù)測v3可能被?？康奈恢貌⒁躁幱靶问綐?biāo)注出停靠將要占用的面積)，釋放選擇視圖，完成布局。
[0029]所述S2視圖分配參數(shù)是預(yù)先配置的視圖劃分方案。
[0030]所述預(yù)測停靠位置有:居左?？?、居右?？?、居上?？俊⒕又型？?、居下停靠這幾種默認(rèn)方式。
[0031]本領(lǐng)域的普通技術(shù)人員將會意識到，這里所述的實(shí)施例是為了幫助讀者理解本發(fā)明的實(shí)施方法，應(yīng)被理解為本發(fā)明的保護(hù)范圍并不局限于這樣的特別陳述和實(shí)施例。本領(lǐng)域的普通技術(shù)人員可以根據(jù)本發(fā)明公開的這些技術(shù)啟示做出各種不脫離本發(fā)明實(shí)質(zhì)的其它各種具體變形和組合，這些變形和組合仍然在本發(fā)明的保護(hù)范圍內(nèi)。
【主權(quán)項(xiàng)】
1.一種基于Dock技術(shù)的多屏UI布局的方法，包括步驟: 51:識別當(dāng)前已連接的屏幕個(gè)數(shù)； 52:根據(jù)視圖分配參數(shù)、屏幕數(shù)、需要展示的視圖數(shù)量和每張視圖的權(quán)重進(jìn)行可視區(qū)域劃分和排版，完成UI初步布局； 53:若覺得布局已完成，可選擇確定，若不滿意布局，可選擇修改布局； 54:通過鼠標(biāo)拖動視圖，預(yù)測視圖停靠的位置，釋放選擇視圖，完成布局。2.根據(jù)權(quán)利要求1所述的一種基于Dock技術(shù)的多屏UI布局的方法，其特征在于:所述S2視圖分配參數(shù)是預(yù)先配置的視圖劃分方案。3.根據(jù)權(quán)利要求2所述的一種基于Dock技術(shù)的多屏UI布局的方法，其特征在于:所述預(yù)測?？课恢糜?居左?？?、居右?？俊⒕由贤？?、居中?？?、居下?？窟@幾種默認(rèn)方式。
【專利摘要】本發(fā)明公開了一種基于Dock技術(shù)的多屏UI布局的方法，包括步驟：S1：識別屏幕個(gè)數(shù)；S2：可視區(qū)域劃分和排版，完成UI初步布局；S3：若覺得布局已完成，可選擇確定，若不滿意布局，可選擇修改布局；S4：通過鼠標(biāo)拖動視圖改變視圖位置，完成布局。本發(fā)明的有益效果如下：能夠自動檢測已連接的屏幕個(gè)數(shù)，并自動適配，計(jì)算布局需要最大最小空間，合理分配屏幕利用率；能夠靈活改變多視圖可是區(qū)域大小，排列順序，是否全屏顯示區(qū)域的位置，且不影響整體功能的持續(xù)正常運(yùn)行；操作簡便，只需使用鼠標(biāo)拖拽目標(biāo)視圖就可達(dá)到理想可視化區(qū)域的目的；支持多屏協(xié)同作業(yè)。
【IPC分類】G06F3/0483
【公開號】CN105426063
【申請?zhí)枴緾N201510733595
【發(fā)明人】梁效寧, 劉疆偉
【申請人】四川效率源信息安全技術(shù)股份有限公司
【公開日】2016年3月23日
【申請日】2015年11月2日