一种基于Dock技术的多屏UI布局的方法

文档序号:9667015阅读:215来源:国知局
一种基于Dock技术的多屏UI布局的方法
【技术领域】
[0001]本发明涉及信息安全技术领域,特别涉及一种基于Dock技术的多屏UI布局的方法。
【背景技术】
[0002]目前,传统UI界面布局简单,不支持可视化区域的拖放,改变可视化区域的面积。
[0003]可视化区域有限,对于支持可变化区域的布局来说,一般都限定了可变化布局的区域,仅能在固定的区域内作有限的变化。
[0004]操作复杂,对于处理多个视图,大量数据来说,他们采用了等比缩放,或通过滚动条来解决不能全屏浏览的方案,这种方案已经出现弊端:需要操作员不停操作改变可视化区域内可见数据,或者调整了一个视图的可视化区域是以牺牲相邻视图可视化区域为代价,增加了操作成本。
[0005]不支持多屏协同作业,多数图形化应用能且仅能在同一块屏内全屏,内含的多视图仅能等比例缩放,即使能够支持多屏,也是预设指定特定视图显示在特定屏幕上,不满足一些视图需要协同操作的场景,例如:原本存在两块屏幕的不同视图需要拖放到同一屏幕内进行作业。
[0006]本发明所涉及的专业知识如下:
[0007]Dock:是图形用户界面中用于启动、切换运行中的应用程序的一种功能界面。
[0008]⑶1:是Graphical User Interface的简称,即图形用户接口,通常人机交互图形化用户界面设计经常读做“goo-ee”,准确来说GUI就是屏幕产品的视觉体验和互动操作部分。
[0009]图形用户界面:是一种人与计算机通信的界面显示格式,允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项,以选择命令、调用文件、启动程序或执行其它一些日常任务。
[0010]U1:User’s Interface,用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还包括某种特定的机器,设备,复杂的工具等。

【发明内容】

[0011]本发明针对现有技术的缺陷,提供了一种基于Dock技术的多屏UI布局的方法,能有效的解决上述现有技术存在的问题。
[0012]—种基于Dock技术的多屏UI布局的方法,包括步骤:
[0013]S1:识别当前已连接的屏幕个数;
[0014]S2:根据视图分配参数、屏幕数、需要展示的视图数量和每张视图的权重进行可视区域划分和排版,完成UI初步布局;
[0015]S3:若觉得布局已完成,可选择确定,若不满意布局,可选择修改布局执行S4 ;
[0016]S4:通过鼠标拖动视图,预测视图停靠的位置,释放选择视图,完成布局。
[0017]作为优选,所述S2视图分配参数是预先配置的视图划分方案。
[0018]作为优选,所述预测停靠位置有:居左停靠、居右停靠、居上停靠、居中停靠、居下停靠这几种默认方式。
[0019]与现有技术相比本发明的优点在于:能够自动检测已连接的屏幕个数,并自动适配,计算布局需要最大最小空间,合理分配屏幕利用率;
[0020]能够灵活改变多视图可是区域大小,排列顺序,是否全屏显示区域的位置,且不影响整体功能的持续正常运行;
[0021]操作简便,只需使用鼠标拖拽目标视图就可达到理想可视化区域的目的;
[0022]支持多屏协同作业。
【具体实施方式】
[0023]为使本发明的目的、技术方案及优点更加清楚明白,以下举实施例,对本发明做进一步详细说明。
[0024]如图1所示,一种基于Dock技术的多屏UI布局的方法,包括步骤:
[0025]S1:识别当前已连接的屏幕个数,以图1中的2屏为例;
[0026]S2:根据视图分配参数,将屏幕数为、需要展示的视图数量(假设为6张)和每张视图的权重(假设V6和V5权重高于其他视图),进行可视区域划分和排版,完成UI初步布局如图1 ;
[0027]S3:若觉得布局已完成,可选择确定,若不满意布局,可选择修改布局执行S4 ;
[0028]S4:通过鼠标拖动视图(如:需要将图1中v3与v5进行位置对调,v3将得到v5权重,仅需使用鼠标选中v3,拖动v3视图即可),预测视图停靠的位置(当视图v3被选择,并拖动,拖动轨迹经过的可视化区域,系统会预测v3可能被停靠的位置并以阴影形式标注出停靠将要占用的面积),释放选择视图,完成布局。
[0029]所述S2视图分配参数是预先配置的视图划分方案。
[0030]所述预测停靠位置有:居左停靠、居右停靠、居上停靠、居中停靠、居下停靠这几种默认方式。
[0031]本领域的普通技术人员将会意识到,这里所述的实施例是为了帮助读者理解本发明的实施方法,应被理解为本发明的保护范围并不局限于这样的特别陈述和实施例。本领域的普通技术人员可以根据本发明公开的这些技术启示做出各种不脱离本发明实质的其它各种具体变形和组合,这些变形和组合仍然在本发明的保护范围内。
【主权项】
1.一种基于Dock技术的多屏UI布局的方法,包括步骤: 51:识别当前已连接的屏幕个数; 52:根据视图分配参数、屏幕数、需要展示的视图数量和每张视图的权重进行可视区域划分和排版,完成UI初步布局; 53:若觉得布局已完成,可选择确定,若不满意布局,可选择修改布局; 54:通过鼠标拖动视图,预测视图停靠的位置,释放选择视图,完成布局。2.根据权利要求1所述的一种基于Dock技术的多屏UI布局的方法,其特征在于:所述S2视图分配参数是预先配置的视图划分方案。3.根据权利要求2所述的一种基于Dock技术的多屏UI布局的方法,其特征在于:所述预测停靠位置有:居左停靠、居右停靠、居上停靠、居中停靠、居下停靠这几种默认方式。
【专利摘要】本发明公开了一种基于Dock技术的多屏UI布局的方法,包括步骤:S1:识别屏幕个数;S2:可视区域划分和排版,完成UI初步布局;S3:若觉得布局已完成,可选择确定,若不满意布局,可选择修改布局;S4:通过鼠标拖动视图改变视图位置,完成布局。本发明的有益效果如下:能够自动检测已连接的屏幕个数,并自动适配,计算布局需要最大最小空间,合理分配屏幕利用率;能够灵活改变多视图可是区域大小,排列顺序,是否全屏显示区域的位置,且不影响整体功能的持续正常运行;操作简便,只需使用鼠标拖拽目标视图就可达到理想可视化区域的目的;支持多屏协同作业。
【IPC分类】G06F3/0483
【公开号】CN105426063
【申请号】CN201510733595
【发明人】梁效宁, 刘疆伟
【申请人】四川效率源信息安全技术股份有限公司
【公开日】2016年3月23日
【申请日】2015年11月2日
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1