CN105426063A - 一种基于Dock技术的多屏UI布局的方法 - Google Patents
一种基于Dock技术的多屏UI布局的方法 Download PDFInfo
- Publication number
- CN105426063A CN105426063A CN201510733595.6A CN201510733595A CN105426063A CN 105426063 A CN105426063 A CN 105426063A CN 201510733595 A CN201510733595 A CN 201510733595A CN 105426063 A CN105426063 A CN 105426063A
- Authority
- CN
- China
- Prior art keywords
- layout
- view
- screen
- stop
- screens
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种基于Dock技术的多屏UI布局的方法,包括步骤:S1:识别屏幕个数;S2:可视区域划分和排版,完成UI初步布局;S3:若觉得布局已完成,可选择确定,若不满意布局,可选择修改布局;S4:通过鼠标拖动视图改变视图位置,完成布局。本发明的有益效果如下:能够自动检测已连接的屏幕个数,并自动适配,计算布局需要最大最小空间,合理分配屏幕利用率;能够灵活改变多视图可是区域大小,排列顺序,是否全屏显示区域的位置,且不影响整体功能的持续正常运行;操作简便,只需使用鼠标拖拽目标视图就可达到理想可视化区域的目的;支持多屏协同作业。
Description
技术领域
本发明涉及信息安全技术领域,特别涉及一种基于Dock技术的多屏UI布局的方法。
背景技术
目前,传统UI界面布局简单,不支持可视化区域的拖放,改变可视化区域的面积。
可视化区域有限,对于支持可变化区域的布局来说,一般都限定了可变化布局的区域,仅能在固定的区域内作有限的变化。
操作复杂,对于处理多个视图,大量数据来说,他们采用了等比缩放,或通过滚动条来解决不能全屏浏览的方案,这种方案已经出现弊端:需要操作员不停操作改变可视化区域内可见数据,或者调整了一个视图的可视化区域是以牺牲相邻视图可视化区域为代价,增加了操作成本。
不支持多屏协同作业,多数图形化应用能且仅能在同一块屏内全屏,内含的多视图仅能等比例缩放,即使能够支持多屏,也是预设指定特定视图显示在特定屏幕上,不满足一些视图需要协同操作的场景,例如:原本存在两块屏幕的不同视图需要拖放到同一屏幕内进行作业。
本发明所涉及的专业知识如下:
Dock:是图形用户界面中用于启动、切换运行中的应用程序的一种功能界面。
GUI:是GraphicalUserInterface的简称,即图形用户接口,通常人机交互图形化用户界面设计经常读做“goo-ee”,准确来说GUI就是屏幕产品的视觉体验和互动操作部分。
图形用户界面:是一种人与计算机通信的界面显示格式,允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项,以选择命令、调用文件、启动程序或执行其它一些日常任务。
UI:User'sInterface,用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还包括某种特定的机器,设备,复杂的工具等。
发明内容
本发明针对现有技术的缺陷,提供了一种基于Dock技术的多屏UI布局的方法,能有效的解决上述现有技术存在的问题。
一种基于Dock技术的多屏UI布局的方法,包括步骤:
S1:识别当前已连接的屏幕个数;
S2:根据视图分配参数、屏幕数、需要展示的视图数量和每张视图的权重进行可视区域划分和排版,完成UI初步布局;
S3:若觉得布局已完成,可选择确定,若不满意布局,可选择修改布局执行S4;
S4:通过鼠标拖动视图,预测视图停靠的位置,释放选择视图,完成布局。
作为优选,所述S2视图分配参数是预先配置的视图划分方案。
作为优选,所述预测停靠位置有:居左停靠、居右停靠、居上停靠、居中停靠、居下停靠这几种默认方式。
与现有技术相比本发明的优点在于:能够自动检测已连接的屏幕个数,并自动适配,计算布局需要最大最小空间,合理分配屏幕利用率;
能够灵活改变多视图可是区域大小,排列顺序,是否全屏显示区域的位置,且不影响整体功能的持续正常运行;
操作简便,只需使用鼠标拖拽目标视图就可达到理想可视化区域的目的;
支持多屏协同作业。
具体实施方式
为使本发明的目的、技术方案及优点更加清楚明白,以下举实施例,对本发明做进一步详细说明。
如图1所示,一种基于Dock技术的多屏UI布局的方法,包括步骤:
S1:识别当前已连接的屏幕个数,以图1中的2屏为例;
S2:根据视图分配参数,将屏幕数为、需要展示的视图数量(假设为6张)和每张视图的权重(假设V6和V5权重高于其他视图),进行可视区域划分和排版,完成UI初步布局如图1;
S3:若觉得布局已完成,可选择确定,若不满意布局,可选择修改布局执行S4;
S4:通过鼠标拖动视图(如:需要将图1中v3与v5进行位置对调,v3将得到v5权重,仅需使用鼠标选中v3,拖动v3视图即可),预测视图停靠的位置(当视图v3被选择,并拖动,拖动轨迹经过的可视化区域,系统会预测v3可能被停靠的位置并以阴影形式标注出停靠将要占用的面积),释放选择视图,完成布局。
所述S2视图分配参数是预先配置的视图划分方案。
所述预测停靠位置有:居左停靠、居右停靠、居上停靠、居中停靠、居下停靠这几种默认方式。
本领域的普通技术人员将会意识到,这里所述的实施例是为了帮助读者理解本发明的实施方法,应被理解为本发明的保护范围并不局限于这样的特别陈述和实施例。本领域的普通技术人员可以根据本发明公开的这些技术启示做出各种不脱离本发明实质的其它各种具体变形和组合,这些变形和组合仍然在本发明的保护范围内。
Claims (3)
1.一种基于Dock技术的多屏UI布局的方法,包括步骤:
S1:识别当前已连接的屏幕个数;
S2:根据视图分配参数、屏幕数、需要展示的视图数量和每张视图的权重进行可视区域划分和排版,完成UI初步布局;
S3:若觉得布局已完成,可选择确定,若不满意布局,可选择修改布局;
S4:通过鼠标拖动视图,预测视图停靠的位置,释放选择视图,完成布局。
2.根据权利要求1所述的一种基于Dock技术的多屏UI布局的方法,其特征在于:所述S2视图分配参数是预先配置的视图划分方案。
3.根据权利要求2所述的一种基于Dock技术的多屏UI布局的方法,其特征在于:所述预测停靠位置有:居左停靠、居右停靠、居上停靠、居中停靠、居下停靠这几种默认方式。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510733595.6A CN105426063A (zh) | 2015-11-02 | 2015-11-02 | 一种基于Dock技术的多屏UI布局的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510733595.6A CN105426063A (zh) | 2015-11-02 | 2015-11-02 | 一种基于Dock技术的多屏UI布局的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105426063A true CN105426063A (zh) | 2016-03-23 |
Family
ID=55504306
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510733595.6A Pending CN105426063A (zh) | 2015-11-02 | 2015-11-02 | 一种基于Dock技术的多屏UI布局的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105426063A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109427272A (zh) * | 2017-08-31 | 2019-03-05 | 西安诺瓦电子科技有限公司 | 配屏方法及装置、以及显示系统 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070136372A1 (en) * | 2005-12-12 | 2007-06-14 | Proctor Lee M | Methods of quality of service management and supporting apparatus and readable medium |
CN102591575A (zh) * | 2011-12-26 | 2012-07-18 | 广东威创视讯科技股份有限公司 | 宽屏显示器上的软件布局方法及装置 |
CN103561220A (zh) * | 2013-10-28 | 2014-02-05 | 三星电子(中国)研发中心 | 一种电视终端及其多屏显示和控制的方法 |
CN103729159A (zh) * | 2012-10-10 | 2014-04-16 | 三星电子株式会社 | 多显示设备及控制显示操作的方法 |
-
2015
- 2015-11-02 CN CN201510733595.6A patent/CN105426063A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070136372A1 (en) * | 2005-12-12 | 2007-06-14 | Proctor Lee M | Methods of quality of service management and supporting apparatus and readable medium |
CN102591575A (zh) * | 2011-12-26 | 2012-07-18 | 广东威创视讯科技股份有限公司 | 宽屏显示器上的软件布局方法及装置 |
CN103729159A (zh) * | 2012-10-10 | 2014-04-16 | 三星电子株式会社 | 多显示设备及控制显示操作的方法 |
CN103561220A (zh) * | 2013-10-28 | 2014-02-05 | 三星电子(中国)研发中心 | 一种电视终端及其多屏显示和控制的方法 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109427272A (zh) * | 2017-08-31 | 2019-03-05 | 西安诺瓦电子科技有限公司 | 配屏方法及装置、以及显示系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP2656196B1 (en) | Customization of an immersive environment | |
US20090287996A1 (en) | Image layout device, recording medium, and image layout method | |
TWI534694B (zh) | 用於管理沉浸式環境的電腦實施方法及運算裝置 | |
US20150269524A1 (en) | Device, method, and computer-readable medium for project management | |
US20230102776A1 (en) | Information processing apparatus, information processing method, and program | |
EP3789865A1 (en) | Method for providing graphical user interface (gui) using divided screen and multimedia device using the same | |
US20120017176A1 (en) | Method and apparatus for displaying a menu | |
CN100478881C (zh) | 一种用户操作区域反遮挡的装置和方法 | |
CN104777983A (zh) | 一种分屏显示方法及终端 | |
CN103049176A (zh) | 菜单显示方法和装置 | |
CN104699383B (zh) | 绑定关系更新方法和装置 | |
CN105205108A (zh) | 一种文件夹的解散方法及装置 | |
CN105518603A (zh) | 一种操作界面处理方法及显示装置 | |
CN102541426A (zh) | 一种电子设备及其对象处理方法 | |
JP2005062978A (ja) | 情報処理装置、表示制御方法およびその方法をコンピュータに実行させるプログラム | |
CN106126064A (zh) | 一种信息处理方法及设备 | |
CN104699468A (zh) | 一种客户端以及该客户端的界面生成方法 | |
EP2388690B1 (en) | Method and apparatus for displaying batch execution data of an industrial plant | |
CN105426063A (zh) | 一种基于Dock技术的多屏UI布局的方法 | |
CN108121261A (zh) | 用于显示监视屏的方法 | |
CN110531972A (zh) | 资源编排资源属性的编辑方法及装置 | |
CN110321679A (zh) | 一种可拖拽配置可视化屏幕的运维方法 | |
CN102945123B (zh) | 一种系统资源状况展示设备和系统资源状况展示方法 | |
EP4060467A1 (en) | Command display control method, command display control program, and device therefor | |
CN102662572A (zh) | 用以调整界面栏目的方法及终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20160323 |
|
WD01 | Invention patent application deemed withdrawn after publication |