一種基于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ù)雜,對于處理多個視圖,大量數(shù)據(jù)來說,他們采用了等比縮放,或通過滾動條來解決不能全屏瀏覽的方案,這種方案已經(jīng)出現(xiàn)弊端:需要操作員不停操作改變可視化區(qū)域內(nèi)可見數(shù)據(jù),或者調(diào)整了一個視圖的可視化區(qū)域是以犧牲相鄰視圖可視化區(qū)域為代價,增加了操作成本。
[0005]不支持多屏協(xié)同作業(yè),多數(shù)圖形化應(yīng)用能且僅能在同一塊屏內(nèi)全屏,內(nèi)含的多視圖僅能等比例縮放,即使能夠支持多屏,也是預(yù)設(shè)指定特定視圖顯示在特定屏幕上,不滿足一些視圖需要協(xié)同操作的場景,例如:原本存在兩塊屏幕的不同視圖需要拖放到同一屏幕內(nèi)進行作業(yè)。
[0006]本發(fā)明所涉及的專業(yè)知識如下:
[0007]Dock:是圖形用戶界面中用于啟動、切換運行中的應(yīng)用程序的一種功能界面。
[0008]⑶1:是Graphical User Interface的簡稱,即圖形用戶接口,通常人機交互圖形化用戶界面設(shè)計經(jīng)常讀做“goo-ee”,準確來說GUI就是屏幕產(chǎn)品的視覺體驗和互動操作部分。
[0009]圖形用戶界面:是一種人與計算機通信的界面顯示格式,允許用戶使用鼠標等輸入設(shè)備操縱屏幕上的圖標或菜單選項,以選擇命令、調(diào)用文件、啟動程序或執(zhí)行其它一些日常任務(wù)。
[0010]U1:User’s Interface,用戶界面,也稱人機界面。是指用戶和某些系統(tǒng)進行交互方法的集合,這些系統(tǒng)不單單指電腦程序,還包括某種特定的機器,設(shè)備,復(fù)雜的工具等。
【發(fā)明內(nèi)容】
[0011]本發(fā)明針對現(xiàn)有技術(shù)的缺陷,提供了一種基于Dock技術(shù)的多屏UI布局的方法,能有效的解決上述現(xiàn)有技術(shù)存在的問題。
[0012]—種基于Dock技術(shù)的多屏UI布局的方法,包括步驟:
[0013]S1:識別當前已連接的屏幕個數(shù);
[0014]S2:根據(jù)視圖分配參數(shù)、屏幕數(shù)、需要展示的視圖數(shù)量和每張視圖的權(quán)重進行可視區(qū)域劃分和排版,完成UI初步布局;
[0015]S3:若覺得布局已完成,可選擇確定,若不滿意布局,可選擇修改布局執(zhí)行S4 ;
[0016]S4:通過鼠標拖動視圖,預(yù)測視圖??康奈恢?,釋放選擇視圖,完成布局。
[0017]作為優(yōu)選,所述S2視圖分配參數(shù)是預(yù)先配置的視圖劃分方案。
[0018]作為優(yōu)選,所述預(yù)測??课恢糜?居左??俊⒕佑彝??、居上??俊⒕又型??、居下停靠這幾種默認方式。
[0019]與現(xiàn)有技術(shù)相比本發(fā)明的優(yōu)點在于:能夠自動檢測已連接的屏幕個數(shù),并自動適配,計算布局需要最大最小空間,合理分配屏幕利用率;
[0020]能夠靈活改變多視圖可是區(qū)域大小,排列順序,是否全屏顯示區(qū)域的位置,且不影響整體功能的持續(xù)正常運行;
[0021]操作簡便,只需使用鼠標拖拽目標視圖就可達到理想可視化區(qū)域的目的;
[0022]支持多屏協(xié)同作業(yè)。
【具體實施方式】
[0023]為使本發(fā)明的目的、技術(shù)方案及優(yōu)點更加清楚明白,以下舉實施例,對本發(fā)明做進一步詳細說明。
[0024]如圖1所示,一種基于Dock技術(shù)的多屏UI布局的方法,包括步驟:
[0025]S1:識別當前已連接的屏幕個數(shù),以圖1中的2屏為例;
[0026]S2:根據(jù)視圖分配參數(shù),將屏幕數(shù)為、需要展示的視圖數(shù)量(假設(shè)為6張)和每張視圖的權(quán)重(假設(shè)V6和V5權(quán)重高于其他視圖),進行可視區(qū)域劃分和排版,完成UI初步布局如圖1 ;
[0027]S3:若覺得布局已完成,可選擇確定,若不滿意布局,可選擇修改布局執(zhí)行S4 ;
[0028]S4:通過鼠標拖動視圖(如:需要將圖1中v3與v5進行位置對調(diào),v3將得到v5權(quán)重,僅需使用鼠標選中v3,拖動v3視圖即可),預(yù)測視圖??康奈恢?當視圖v3被選擇,并拖動,拖動軌跡經(jīng)過的可視化區(qū)域,系統(tǒng)會預(yù)測v3可能被??康奈恢貌⒁躁幱靶问綐俗⒊鐾?繉⒁加玫拿娣e),釋放選擇視圖,完成布局。
[0029]所述S2視圖分配參數(shù)是預(yù)先配置的視圖劃分方案。
[0030]所述預(yù)測??课恢糜?居左???、居右???、居上??俊⒕又型??、居下停靠這幾種默認方式。
[0031]本領(lǐng)域的普通技術(shù)人員將會意識到,這里所述的實施例是為了幫助讀者理解本發(fā)明的實施方法,應(yīng)被理解為本發(fā)明的保護范圍并不局限于這樣的特別陳述和實施例。本領(lǐng)域的普通技術(shù)人員可以根據(jù)本發(fā)明公開的這些技術(shù)啟示做出各種不脫離本發(fā)明實質(zhì)的其它各種具體變形和組合,這些變形和組合仍然在本發(fā)明的保護范圍內(nèi)。
【主權(quán)項】
1.一種基于Dock技術(shù)的多屏UI布局的方法,包括步驟: 51:識別當前已連接的屏幕個數(shù); 52:根據(jù)視圖分配參數(shù)、屏幕數(shù)、需要展示的視圖數(shù)量和每張視圖的權(quán)重進行可視區(qū)域劃分和排版,完成UI初步布局; 53:若覺得布局已完成,可選擇確定,若不滿意布局,可選擇修改布局; 54:通過鼠標拖動視圖,預(yù)測視圖停靠的位置,釋放選擇視圖,完成布局。2.根據(jù)權(quán)利要求1所述的一種基于Dock技術(shù)的多屏UI布局的方法,其特征在于:所述S2視圖分配參數(shù)是預(yù)先配置的視圖劃分方案。3.根據(jù)權(quán)利要求2所述的一種基于Dock技術(shù)的多屏UI布局的方法,其特征在于:所述預(yù)測停靠位置有:居左???、居右停靠、居上???、居中停靠、居下停靠這幾種默認方式。
【專利摘要】本發(fā)明公開了一種基于Dock技術(shù)的多屏UI布局的方法,包括步驟:S1:識別屏幕個數(shù);S2:可視區(qū)域劃分和排版,完成UI初步布局;S3:若覺得布局已完成,可選擇確定,若不滿意布局,可選擇修改布局;S4:通過鼠標拖動視圖改變視圖位置,完成布局。本發(fā)明的有益效果如下:能夠自動檢測已連接的屏幕個數(shù),并自動適配,計算布局需要最大最小空間,合理分配屏幕利用率;能夠靈活改變多視圖可是區(qū)域大小,排列順序,是否全屏顯示區(qū)域的位置,且不影響整體功能的持續(xù)正常運行;操作簡便,只需使用鼠標拖拽目標視圖就可達到理想可視化區(qū)域的目的;支持多屏協(xié)同作業(yè)。
【IPC分類】G06F3/0483
【公開號】CN105426063
【申請?zhí)枴緾N201510733595
【發(fā)明人】梁效寧, 劉疆偉
【申請人】四川效率源信息安全技術(shù)股份有限公司
【公開日】2016年3月23日
【申請日】2015年11月2日