窗口布局动态调整系统及方法

文档序号:8339284阅读:361来源:国知局
窗口布局动态调整系统及方法
【技术领域】
[0001] 本发明涉及用户界面的技术,尤其涉及窗口或页面显示的技术。
【背景技术】
[0002] 现在,无论是地铁、医院或是商场等公共场所,都会设立多个自助终端机或是大屏 幕通告栏,以方便人们获取服务信息等。例如地铁里自助终端机方便旅客缴纳地铁卡费或 出行线路查询或城市景点介绍,大型商场提供iPad给用户查看商场布局及各种优惠促销 活动等。人们使用上述系统时,打开多个窗口以浏览详尽的信息。用户更希望通过一个整 合的界面查看多个窗口的信息,而不是打开多个窗口并多次切换窗口查看。
[0003] 目前,各种应用程序通过以下两种不同方式实现多个窗口或页面的显示:1)点选 菜单列表的菜单选项或是索引标签的标签选项,在一个显示区中切换显示每个选项对应的 窗口;2)点击缩略图按钮,在一个显示区显示平均缩小一定比例后的所有窗口。第一种方 法用户可以灵活点击不同的菜单选项切换显示对应窗口,但无法同时显示多个窗口;第二 种方法用户可以同时显示所有窗口,但是用户无法灵活选择要显示的窗口,且当窗口数目 过多时,平均缩小后的每个窗口不便用户查看。

【发明内容】

[0004] 鉴于上述内容,有必要提供一种窗口布局动态调整系统及方法,可以同时显示多 个窗口,且用户可以选择显示的窗口及调整窗口的布局,方便用户同时查看不同窗口的内 容。
[0005] 所述的窗口布局动态调整系统包括:切分模块,用于将主窗口切分为显示区和浮 动区,并根据用户选取的布局样式将显示区切分为多个显示栏且每个显示栏显示有限数目 的窗口,该浮动区分为上下两个区域分别显示布局样式和菜单列表,该布局样式为nXm的 形式,m指显示栏的个数,η为每个显示栏中窗口总数的上限值;判定模块,用于判定用户 是拖动菜单项至显示栏中还是拖动显示栏中的窗口至菜单列表;排序模块,用于当拖动菜 单项至显示栏且该显示栏中已有窗口数未达到上限值时,比较该显示栏内已有窗口的起始 坐标和该菜单项的图标的起始坐标并升序排序,该排序顺序为该显示栏中已有窗口和该菜 单项的窗口的行号;该排序模块还用于,当拖动显示栏中的窗口至菜单列表且该显示栏内 剩余窗口总数大于零时,比较该显示栏内除被拖动窗口之外剩余窗口的起始坐标并升序排 序,该排序顺序为该显示栏内剩余窗口的行号;计算模块,用于根据排序结果以及显示栏中 窗口总数,计算显示栏中各窗口的新的大小和起始坐标;调整模块,用于当拖动菜单项至显 示栏,打开该菜单项的窗口,根据上述计算结果,调整该显示栏中已有窗口和菜单项的窗口 的大小和显示位置;该调整模块还用于,当拖动显示栏中的窗口至菜单列表,关闭该拖动的 窗口,根据上述计算结果,调整该显示栏中剩余窗口的大小和显示位置。
[0006] 所述的窗口布局动态调整方法包括:(a)将主窗口切分为显示区和浮动区,并根 据用户选取的布局样式将显示区切分为多个显示栏且每个显示栏显示有限数目的窗口,该 浮动区分为上下两个区域分别显示布局样式和菜单列表,该布局样式为nXm的形式,m指 显示栏的个数,η为每个显示栏中窗口总数的上限值;(b)判定用户是拖动菜单项至显示栏 中还是拖动显示栏中的窗口至菜单列表;(c)当拖动菜单项至显示栏且该显示栏中已有窗 口数未达到上限值时,比较该显示栏内已有窗口的起始坐标和该菜单项的图标的起始坐标 并升序排序,该排序顺序为该显示栏中已有窗口和该菜单项的窗口的行号;(d)当拖动显 示栏中的窗口至菜单列表且该显示栏内剩余窗口总数大于零时,比较该显示栏内除被拖动 窗口之外剩余窗口的起始坐标并升序排序,该排序顺序为该显不栏内剩余窗口的行号;(e) 根据排序结果以及显示栏中窗口总数,计算显示栏中各窗口的新的大小和起始坐标;(f) 当拖动菜单项至显示栏,打开该菜单项的窗口,根据上述计算结果,调整该显示栏中已有窗 口和菜单项的窗口的大小和显示位置;(g)当拖动显示栏中的窗口至菜单列表,关闭该拖 动的窗口,根据上述计算结果,调整该显示栏中剩余窗口的大小和显示位置。
[0007] 相比现有技术,本发明窗口布局动态调整系统可以由用户自由决定需要显示的窗 口,并调整多个窗口的布局以适合用户个人查看,无需用户通过不停点选菜单选项在多个 窗口之间切换显示。
【附图说明】
[0008] 图1是本发明窗口布局动态调整系统较佳实施例的运行环境图。
[0009] 图2是本发明窗口布局动态调整方法较佳实施例的方法流程图。
[0010] 图3是不同布局样式之间切换的方法流程图。
[0011] 图4-A、图4-B分别是布局样式为2X2、2X3时,显示区的切分示意图。
[0012] 图5-A至5-F是布局样式为3X3,用户拖动菜单项至显示栏与拖动窗口至菜单列 表时显示栏中的窗口增加、替换、移除的示意图。
[0013] 图6-A、6-B是用户将布局样式由3X3切换至2X3的示意图。
[0014] 主要元件符号说明
[0015]
【主权项】
1. 一种窗口布局动态调整方法,其特征在于,该方法包括: 切分步骤:将主窗口切分为显示区和浮动区,并根据用户选取的布局样式将显示区切 分为多个显示栏且每个显示栏显示有限数目的窗口,该浮动区分为上下两个区域分别显示 布局样式和菜单列表,该布局样式为nXm的形式,m指显不栏的个数,η为每个显不栏中窗 口总数的上限值; 判定步骤:判定用户是拖动菜单项至显示栏中还是拖动显示栏中的窗口至菜单列表; 排序步骤一:当拖动菜单项至显示栏且该显示栏中已有窗口数未达到上限值时,比较 该显示栏内已有窗口的起始坐标和该菜单项的图标的起始坐标并升序排序,该排序顺序为 该显示栏中已有窗口和该菜单项的窗口的行号; 排序步骤二:当拖动显示栏中的窗口至菜单列表且该显示栏内剩余窗口总数大于零 时,比较该显示栏内除被拖动窗口之外剩余窗口的起始坐标并升序排序,该排序顺序为该 显示栏内剩余窗口的行号; 计算步骤:根据排序结果以及显示栏中窗口总数,计算显示栏中各窗口的新的大小和 起始坐标; 调整步骤一:当拖动菜单项至显示栏,打开该菜单项的窗口,根据上述计算结果,调整 该显示栏中已有窗口和菜单项的窗口的大小和显示位置; 调整步骤二:当拖动显示栏中的窗口至菜单列表,关闭该拖动的窗口,根据上述计算结 果,调整该显示栏中剩余窗口的大小和显示位置。
2. 如权利要求1所述的窗口布局动态调整方法,其特征在于,该切分步骤包括以下步 骤: 将主窗口的横轴以a:b的比例切分为显示区和浮动区,以横轴从左至右方向为X 轴正向,纵轴从上到下方向为Y轴正向,则该显示区的起始坐标(X1J1)为(〇,〇),长度 宽度W1=W,浮动区的起始坐标为(^rL, 长度为一^宽度为W,其 a + b E + b ", ' E + ο 中,L、W分别为主窗口的长宽,a、b是大于零的自然数; 根据用户选取的布局样式,将显示区的横轴m等分为m个显示栏且每个显示栏中显示 的窗口总数的上限值为η个,显示栏从左至右的顺序为每个显示栏的列号,每个显示栏的 长度I2=QiiX β)ηι,宽度W2=W1I α,起始坐标的X轴分量x2=cP+(C-I) 12, Y轴分量y2=a, 其中,c为显示栏的列号,a为每个显示栏与主窗口上下边界间隔的距离,β为各显示栏间 隔的距离。
3. 如权利要求2所述的窗口布局动态调整方法,其特征在于,该计算步骤通过以下步 骤计算显示栏中各窗口的新的大小和起始坐标: 新的长度; 新的宽度W3=S-_____________________,其中,k为该显示栏中窗口总数,ω为显示栏中各窗口之 k 间间隔的距离; 新的起始坐标的X轴分量X3=X2; 新的起始坐标的Y轴分量y, 一C·^· (r -1) + 〇Χι· -1) + y,,其中,r为窗口的行 k 1 ~ 号; 当拖动菜单项至显示栏时,该显示栏中的窗口总数k为该显示栏中已有窗口和该拖动 的菜单项的窗口的总
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1