CN107209628A - 自适应用户界面窗格对象 - Google Patents

自适应用户界面窗格对象 Download PDF

Info

Publication number
CN107209628A
CN107209628A CN201680006791.6A CN201680006791A CN107209628A CN 107209628 A CN107209628 A CN 107209628A CN 201680006791 A CN201680006791 A CN 201680006791A CN 107209628 A CN107209628 A CN 107209628A
Authority
CN
China
Prior art keywords
pane
computing device
user interface
form factor
small form
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.)
Granted
Application number
CN201680006791.6A
Other languages
English (en)
Other versions
CN107209628B (zh
Inventor
J·S·考夫塔尔
C·S·瓦尔克
T·斯波米尔
E·A·小莱恩
T·冯
J·C·塞托
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Microsoft Technology Licensing LLC
Original Assignee
Microsoft Technology Licensing LLC
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Microsoft Technology Licensing LLC filed Critical Microsoft Technology Licensing LLC
Publication of CN107209628A publication Critical patent/CN107209628A/zh
Application granted granted Critical
Publication of CN107209628B publication Critical patent/CN107209628B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/017Gesture based interaction, e.g. based on a set of recognized hand gestures
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/033Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor
    • G06F3/0354Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor with detection of 2D relative movements between the device, or an operating part thereof, and a plane or surface, e.g. 2D mice, trackballs, pens or pucks
    • G06F3/03547Touch pads, in which fingers can move on a surface
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • G06F40/177Editing, e.g. inserting or deleting of tables; using ruled lines
    • G06F40/18Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2200/00Indexing scheme relating to G06F1/04 - G06F1/32
    • G06F2200/16Indexing scheme relating to G06F1/16 - G06F1/18
    • G06F2200/161Indexing scheme relating to constructional details of the monitor
    • G06F2200/1614Image rotation following screen orientation, e.g. switching from landscape to portrait mode
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2200/00Indexing scheme relating to G06F1/04 - G06F1/32
    • G06F2200/16Indexing scheme relating to G06F1/16 - G06F1/18
    • G06F2200/163Indexing scheme relating to constructional details of the computer
    • G06F2200/1637Sensing arrangement for detection of housing movement or orientation, e.g. for controlling scrolling or cursor movement on the display of an handheld computer
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04803Split screen, i.e. subdividing the display area or the window area into separate subareas
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/12Use of codes for handling textual entities
    • G06F40/134Hyperlinking

Abstract

一种用于自动地管理小形状因子计算设备上的用户界面中的窗格的系统的方面包括自适应窗格模块,其用于确定影响画布尺寸的事件何时发生,所述事件例如改变显示器配置或重新定向所述显示器,这进而影响了窗格管理,或者窗格的打开或关闭。自适应窗格模块管理所述窗格。在管理了所述窗格之后,系统调整画布的尺寸并且针对小形状因子计算设备而适当地重新流式传送内容。

Description

自适应用户界面窗格对象
背景技术
用户越来越多地使用小形状因子计算设备(例如,移动电话)以用于各种计算应用。通常而言,小形状因子计算设备的屏幕或显示器的尺寸是较大形状因子的设备(例如,平板计算设备、膝上型计算机、台式计算机等)的屏幕尺寸的一小部分。许多用户界面采用窗格来向用户展示应用功能和信息。窗格常常专用于应用的具体特征或功能。当用户利用窗格所支持的特征或功能执行任务时,该窗格被添加到用户界面。在该用户界面中,窗格与保存主要应用内容的应用画布共享空间。尽管有用,但是窗格减小了可用于应用画布的空间量。为较大形状因子设备设计的用户界面可以包括会占据小形状因子计算设备上的用户界面的窗格。
发明内容
提供了该发明内容以用简化的形式引入了在下文的具体实施方式中进一步描述的概念的选择。该发明内容不旨在标识所要求保护的主题的关键特征或本质特征,也不旨在用于帮助确定所要求保护的主题的范围。
用于自动地管理小形状因子计算设备上的用户界面中的窗格的系统的方面包括一种计算设备,该计算设备至少具有处理设备、存储器、和显示器。该系统确定影响窗格管理的事件何时发生,所述事件例如选择窗格所支持的特征或功能、重新定向显示器、或者关闭窗格。在对窗格显示进行管理之后,该系统针对小形状因子计算设备而适当地调整画布的大小并且重新流式传送(reflow)和/或缩放内容。
附图说明
通过参考附图,本公开的进一步的特征、方面、和优点将变得更好理解,其中元素不是按比例的以便更清楚地示出细节,并且其中,几个视图通篇中相同的附图标记指示相同的元素:
图1是示出了用于自动地管理小形状因子计算设备上的用户界面中的窗格的系统的框图;
图2是示出了在用于自动地管理小形状因子计算设备上的用户界面中的窗格的示例方法中所涉及的一般阶段的流程图;
图3A是在小形状因子计算设备上的文字处理应用用户界面中所显示的示例部分屏幕窗格的屏幕截图示图;
图3B是在小形状因子计算设备上的文字处理应用用户界面中所显示的具有键盘覆盖的示例全屏幕窗格的屏幕截图示图;
图3C是在小形状因子计算设备上的电子表格应用用户界面中所显示的示例部分屏幕窗格的屏幕截图示图;
图3D是在小形状因子计算设备上的电子表格应用用户界面中所显示的具有键盘覆盖的示例全屏幕窗格的屏幕截图示图;
图3E是在以横向朝向的小形状因子计算设备上的电子表格应用用户界面中所显示的示例部分屏幕窗格的屏幕截图示图;
图3F是在以横向朝向的小形状因子计算设备上的电子表格应用用户界面中所显示的具有键盘覆盖的示例全屏幕窗格的屏幕截图示图;
图3G是在小形状因子计算设备上的电子表格应用用户界面中所显示的示例部分屏幕窗格的屏幕截图示图;
图3H是在小形状因子计算设备上的电子表格应用用户界面中所显示的示例部分屏幕窗格的屏幕截图示图,其中,将Chrome浏览器应用的一部分推离屏幕以为应用画布和窗格提供最大的空间;
图3I是在小形状因子计算设备上的电子表格应用用户界面中所显示的示例部分屏幕窗格的屏幕截图示图;
图3J是在用户界面尺寸改变事件之前(以纵向朝向)以及在用户界面尺寸改变事件之后(以横向朝向)在小形状因子计算设备上的电子表格应用用户界面中所显示的示例部分屏幕窗格的屏幕截图示图;
图3K是以纵向朝向在小形状因子计算设备上显示的示例部分屏幕窗格的示图;
图3L是以纵向朝向在小形状因子计算设备上显示的具有键盘覆盖的示例全屏窗格的示图;
图3M是以纵向朝向在小形状因子计算设备上显示的具有键盘覆盖的示例全屏窗格的示图;
图3N是以纵向朝向在小形状因子计算设备上显示的具有键盘覆盖的示例全屏窗格的示图;
图3O是以纵向朝向在小形状因子计算设备上显示的示例部分屏幕窗格的示图,其中在窗格标头栏显示了多个快速命令;
图3P是以横向朝向在小形状因子计算设备上显示的示例部分屏幕窗格的示图;
图3Q是以横向朝向在小形状因子计算设备上显示的具有键盘覆盖的示例全屏窗格的示图;
图4是在小形状因子计算设备上显示的示例部分屏幕瞬时窗格的屏幕截图示图;
图5是在小形状因子计算设备上显示的示例部分屏幕持续窗格的示图;
图6是经由对持续窗格中的关闭命令的选择而产生的示例窗格关闭事件的示图;
图7是经由对持续窗格中的关闭命令的选择而产生的示例窗格关闭事件的示图;
图8是经由对持续窗格中的取消命令的选择而产生的示例窗格关闭事件的示图;
图9是经由对持续窗格中的提交命令的选择而产生的示例窗格关闭事件的示图;
图10是经由对持续窗格中的返回命令或钻出(drill out)命令的选择而产生的示例窗格关闭事件的示图;
图11是经由对操作系统返回命令的选择而产生的示例窗格关闭事件的示图;
图12是包括各种关闭窗格事件场景的表格;
图13是在平板计算设备上的任务窗格中显示的文件列表对比在小形状因子计算设备上在全屏窗格中显示的文件列表的示图;
图14是在平板计算设备上的任务窗格中显示的应用或文件菜单对比在小形状因子计算设备上在全屏窗格中显示的应用或文件菜单的示图;
图15是在平板计算设备上的多个窗格中显示的下钻菜单对比在小形状因子计算设备上在单个全屏窗格中显示的下钻菜单的示图;
图16是在平板计算设备上的任务窗格中显示的编辑/共享列表对比在小形状因子计算设备上在全屏窗格中显示的编辑/共享列表的示图;
图17是在小形状因子计算设备上显示的具有键盘覆盖的图16的全屏窗格的示图;
图18A-C示出了针对在小形状因子计算设备上运行的应用的示例窗格管理序列;
图19A-F示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图20A-D示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图21A-C示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图22A-E示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图23A-F示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图24A-F示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图25A-F示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图26A-C示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图27A-C示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图28A-C示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图29A-D示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图30A-C示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图31A-B示出了与小形状因子计算设备上的可滚动内容区域中的滚动内容相关联的窗格管理序列;
图32示出了与小形状因子计算设备上的可滚动内容区域中的滚动内容相关联的窗格管理序列;
图33A-C示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图34A-C示出了针对在小形状因子计算设备上运行的应用的另一个示例窗格管理序列;
图35是流程图,其示出了在针对经由对小形状因子计算设备上的操作系统返回命令的选择而产生的示例窗格关闭事件的示例方法中所涉及的一般阶段;
图36是示出了计算设备的物理组件的一个示例的框图;
图37A和37B是移动计算设备的简化框图;并且
图38是分布式计算系统的简化框图。
具体实施方式
参考构成了其一部分并且示出了具体的示例性方面的附图而在下文中更加完整地描述各种方面。然而,方面可以以许多不同的形式来实现并且不应当被解释为限于在本文中所阐述的方面;相反,提供了这些方面以使得该公开将是透彻和完整的,并且对本领域技术人员充分地表达了这些方面的范围。方面可以被实践为方法、系统、或设备。从而,方面可以采取硬件实现、全部软件实现、或结合软件和硬件方面实现的形式。因此,以下的详细描述不被认为是限制性意义。
在本文中描述并且在附图中示出了一种用于自动地管理小形状因子计算设备上的用户界面中的窗格的系统的方面。根据传统用户界面布局而描述了本公开的方面仅仅用于提供了参考的标准框架;然而,本公开不限于传统的用户界面布局。由此,对特定的朝向(例如,水平、垂直、横向、纵向等)、方向(例如,左、右、上、下)、位置(例如,顶部、底部、侧面、上面、下面、前面、后面等)、以及尺寸(例如,高、宽等)的使用不应当被理解为限于特定的朝向、方向、位置、或尺寸。
图1是示出了用于自动地管理小形状因子计算设备102上的用户界面中的窗格的系统的框图。该系统100包括自适应窗格模块106,其用于基于正在使用的设备(例如,对比平板计算设备、膝上型计算设备、台式计算设备等的小形状因子计算设备102)的显示属性、窗格114的属性(例如,标题、装饰条(chrome)、对齐类型、条目行为、宽度等)、以及当前的用户界面属性(例如,应用用户界面110尺寸、画布尺寸、所显示的键盘等)来管理应用108的用户界面110中的窗格114的显示。自适应窗格模块106、用户界面110、以及应用108是在小形状因子计算设备102上执行的。小形状因子计算设备102可以是各种类型的计算设备(例如,移动通信设备、娱乐家电、可穿戴设备、或其他类型的小形状因子计算设备)中的一个,其用于执行用于执行多种任务的应用。
用户116利用小形状因子计算设备102上的应用108进行多种任务,例如,写、计算、画、组织、准备演示、发送和接收电子邮件、记录并组织笔记、创作音乐等。根据一个方面,应用108包括在本地地存储在计算设备上的厚客户端应用。根据另一方面,应用108包括驻留在远程服务器上并且能够通过诸如互联网或企业内部网之类的网络来访问的瘦客户端应用(即,网络应用)。根据一个方面,瘦客户端应用是在浏览器控制的环境中托管的或者是以浏览器支持的语言编码的,并且依赖于常见的网络浏览器以渲染在小形状因子计算设备102上可执行的应用108。小形状因子计算设备102被配置为接收内容以在显示器118上呈现。根据一个方面,显示器是触摸屏显示器。
应用108被配置为使得用户116能够在小形状因子计算设备102上使用定位设备(例如,笔/触控笔等)和/或利用传感器(例如,触摸传感器、姿势传感器、加速度计、陀螺仪、倾斜传感器等)来经由多种输入模式与内容120交互。根据一个方面,内容120是在应用画布112上显示的。根据另一方面,内容120是在选择性可显示窗格114中显示的。根据另一方面,多个可选择的功能控件和元素是在选择性可显示窗格114中显示的。自适应窗格模块106自动地控制窗格114的显示以提供针对小形状因子计算设备102在视觉上和功能上优化的用户界面。
根据方面,自动地管理窗格114通过提供针对小形状因子计算设备102在视觉上和功能上优化的用户界面110来提高计算效率并且降低其完成各种任务所花费的时间量。此外,通过减少要执行诸如手动管理窗格114之类的任务必须处理的输入的数量而节约计算资源。
图2是示出了在用于自动地管理小形状因子计算设备102上的用户界面中的窗格的示例方法200中所涉及的一般阶段的流程图。方法200以影响窗格管理的事件开始,例如打开或关闭窗格114、改变小形状因子计算设备102的朝向、或其他事件。例如,对在文档中或者在用户界面(UI)元素中所显示的功能的选择会触发打开窗格事件。当这样的事件发生时,尺寸检查操作202收集关于设备102的屏幕尺寸的信息。例如,操作系统104测量显示器118的尺寸,并且向自适应窗格模块106提供指示显示器118的尺寸以及该设备是小形状因子计算设备102的信息。在一些示例中,应用用户界面110的尺寸(例如,应用UI 110可用的区域的尺寸)被识别并且被提供至自适应窗格模块106。根据一个方面,在一些示例中,应用用户界面110的尺寸等于显示器118的尺寸。在其他示例中,操作系统UI元素(例如,返回按钮、搜索按钮、主页按钮、系统托盘等)占据了显示器118的一小部分,并且因此减小了应用用户界面110的尺寸。根据一个方面,应用108向自适应窗格模块106提供指示受保护的画布尺寸的信息,其指定专用最小画布尺寸以确保有意义的量的用户内容仍然可见。例如,如果进行通话以打开具体的窗格114,并且针对该具体的窗格114的窗格属性决定该具体的窗格114将被显示为部分屏幕窗格(即,覆盖显示器118的一部分),画布112的尺寸不能被降低到低于受保护的画布尺寸。根据一个方面,在单个维度(例如,高度)上指定受保护的画布尺寸。例如,受保护的画布高度被指定为保护不受部分屏幕窗格114的侵占。
方法200继续至少部分地取决于发生的事件的类型的响应。决策操作204确定所发生的事件的类型(例如,打开窗格、关闭窗格、调整窗格尺寸)。如果请求打开窗格114,则窗格属性检查操作208浏览用户界面属性(例如,是否要显示键盘等)、窗格属性(例如,对齐类型、条目行为、标题、装饰条、以及宽度)、和窗格内容。
对齐类型指定了窗格114旨在是全屏的还是部分屏幕。根据一个示例,将部分屏幕窗格与显示器118的底部对齐。根据一个方面,针对小形状因子计算设备102,意图是不对受限的屏幕空间进行细分,除非这对用户116是有益的,例如,在当窗格114被显示时其有益于用户116看或访问画布112中的内容120的实例中。
条目行为指定了窗格114旨在是持续的还是瞬时的。持续的(即,粘性的)窗格旨在与画布112共存且停留在用户界面110中。持续的窗格保持直到用户116手动地消除(例如,使用关闭小工具或提交/消除)或者由应用108以编程方式关闭。瞬时窗格在画布112上存在。瞬时的(即,光消散或弹出)窗格保持直到进行了选择为止,当使用返回按钮时,或者当用户116选择在窗格114之外的区域。根据一个方面,条目行为影响由自适应窗格模块106对窗格114的处理。
根据一个方面,标题属性指定是否显示窗格114的标题栏以及在标题栏中显示的命令。例如,在图3K-3Q中示出了各种窗格标头栏配置。
根据另一方面,装饰条属性指定了应用装饰条的属性(即,包括可以用于与应用交互的图形元素的应用108的可视图形界面特征)。例如,装饰条属性可以指定文档标题的尺寸、在装饰条中显示哪些命令(例如,关闭命令、返回按钮、展开/收起小工具等)、填充、以及是否将应用装饰条的一部分移出用户界面110以最大化在用户界面110中针对窗格114和画布112的空间。
根据另一方面,宽度属性指定窗格114来适应用户界面114的宽度。窗格属性检查操作208包括确定是否可以在保持受保护的画布尺寸的同时添加新的窗格114。例如,如果无法保持受保护的画布尺寸,则可以将新的窗格114打开为全屏窗格。
继续方法200,打开窗格操作210根据窗格属性(例如,对齐类型、条目行为、标题、装饰条、和宽度)将新窗格114打开为全屏窗格或部分屏幕窗格。例如,如果窗格114是部分屏幕窗格,则根据条目行为窗格属性,部分屏幕窗格被打开为持续窗格或瞬时窗格。画布重新配置操作212适当地调整画布尺寸并且重新流式传送和/或缩放内容120。
返回至事件类型决策204,如果发生关闭窗格事件,则关闭窗格操作206关闭窗格114以释放用户界面110中的空间。关闭窗格事件响应于来自用户116的输入或者来自系统的输入而发生。例如,当用户116选择关闭命令316窗格属性检查操作208时(例如,如在图6和7中所示出的),可以发生关闭事件。根据另一个示例,当用户选择取消命令314时(例如,如在图8中所示出的),发生关闭窗格事件。根据另一个示例,当用户116选择提交命令312时(例如,如在图9中所示出的),发生关闭窗格事件。根据另一个示例,当用户116选择返回/钻出命令1002(例如,如在图10中所示出的)时,发生关闭窗格事件。根据另一个示例,当用户116选择操作系统返回命令1102时(例如,如在图11中所示出的),发生关闭窗格事件。根据另一个示例,当用户116在瞬时窗格之外的区域中进行选择时,发生关闭窗格事件。根据另一个示例,当应用108以程序方式关闭窗格114时,发生关闭窗格事件。方法200继续至画布重新配置操作212,并且适当地调整画布112的尺寸并且重新流式传送和/或缩放内容120。
在图12中示出了表格1200,其描述了各种关闭窗格事件场景。例如,在包括文本条目或多个选择并且在其中需要第二动作来完成流程的窗格114中,提供了提交命令312(例如,“完成”命令、“插入”命令等)以及取消命令314,例如在图8中那样。从而,用户116被使能保存或者丢弃改变。作为另一个示例,在用户116需要在进行改变(例如,输入评论)之后导航的、包括文本条目的窗格114中,可以仅仅显示提交命令312,例如在图9中那样。作为另一个示例,在用户116需要在进行改变之后导航的、包括即时提交改变(例如,设置选择)的窗格114中,可以显示返回/钻出命令1002,例如,如在图10中所示出的。作为另一个示例,在可以是部分屏幕窗格或全屏窗格的持续窗格114中,可以提供关闭命令316,例如在图6和7中那样。
继续在图2中所示出的方法200,在关闭窗格操作206之后,画布重新配置操作212适当地调整画布的尺寸并且重新流式传送和/或缩放内容120。
返回至事件类型决策204,如果发生用户界面尺寸改变事件,则方法200继续至UI尺寸改变方向确定214。用户界面尺寸改变事件可以独立于打开或关闭窗格114而发生。根据一个方面,用户界面尺寸改变事件是由对显示器118的重新配置(例如,改变显示器118的朝向)而引起的。在用户界面尺寸改变方向确定期间,自适应窗格模块106确定小形状因子计算设备102是否已经从纵向重新定向成横向,或者从横向重新定向成纵向。方法200前进至调整窗格尺寸操作216,其中根据用户界面尺寸改变事件来调整当前所显示的窗格114的尺寸。根据一个方面,窗格114适配于应用用户界面110的宽度。根据窗格属性,窗格114被显示为全屏窗格或者部分屏幕窗格。如果窗格114是部分屏幕窗格,则根据窗格属性,部分屏幕窗格被打开为或者持续窗格或者瞬时窗格。在一些示例中,确定窗格114的尺寸包括通过将持续窗格的数量限制在一次可以在应用用户界面110中显示一个持续窗格来维持窗格114的最小尺寸,其中窗格的尺寸是显示器118的尺寸的百分比。
方法200继续至画布重新配置操作212,其中自适应窗格模块106适当地调整画布112的尺寸并且重新流式传送和/或缩放内容120。在图3J中示出了用户界面尺寸改变事件的示例。
现在参考图3A-3J,提供了在小形状因子计算设备102上的用户界面110中显示的各种示例窗格的屏幕截图表示。根据一个方面并且如在图3A中所示出的,响应于窗格管理事件(在该示例中是打开窗格事件),自适应窗格模块106更新应用用户界面110以显示根据小形状因子计算设备102而确定了尺寸的窗格114,以及在根据小形状因子计算设备102而确定了尺寸的画布112中所显示的文档(内容120)。例如,通过选择与窗格114相关联的内容项目(例如,对特征或功能的指示)来触发打开窗格事件。在所示出的示例中,打开窗格事件是由对在画布112中所显示的文档中的文本的选择引起的,其中所述选择与评论关联。根据一个方面,窗格114包括内容120以及用于与其交互的功能。在所示出的示例中,内容120包括与所选择的文本相关联的评论。如在上文中所提及的,自适应窗格模块106更新应用用户界面110以在根据小形状因子计算设备102而确定了尺寸的画布112中显示文档(内容120)。例如,在维持受保护的画布尺寸的同时调整画布112的尺寸以与窗格114共存,以便提供与在窗格114中所显示的内容和功能相关的上下文信息。确定窗格114的尺寸以与画布112共存,例如,作为与用户界面110的底部对齐的部分屏幕窗格302。
额外地,自适应模块106更新应用用户界面110以显示窗格标头栏304,其包括针对与窗格114相关联的并且沿着窗格114的顶部边缘显示的功能的多个快速命令308。根据一个方面,自适应窗格模块106更新应用用户界面110以显示调色板提示命令318。对调色板提示命令318的选择触发打开窗格事件,其中自适应窗格模块106更新应用用户界面110以显示调色板窗格324(其在下文中被描述并且在图21A、21C、22A、22E、23A-E、24A-E、25A-E、26A-C、以及27C中被示出)。在显示调色板窗格324时,自适应窗格模块106根据小形状因子计算设备102来确定调色板窗格324的尺寸,并且包括可以由用户116选择向在画布112中所显示的文档(即,内容120)添加功能、能力、或元素的调色板项目的显示。根据一个方面,调色板窗格324可以包括一个或多个调色板窗格选项,当被用户116选择时,其使得在调色板窗格324的层级中显示较低等级的或者子调色板窗格324。调色板窗格324可以仅仅包括调色板项目、仅仅包括调色板窗格选项、或者调色板项目和调色板窗格选项的组合。
根据一个方面并且如在图3A中所示出的,自适应窗格模块106包括用于将应用装饰条的一部分(例如,应用标头栏320)弹离屏幕从而为应用画布112和部分屏幕窗格302提供最大空间的功能。根据一个示例,如果窗格114是持续的部分屏幕窗格,则自适应窗格模块106更新应用用户界面110以调整画布112的尺寸并且弹出应用标头栏320;如果窗格114是持续的全屏窗格,则自适应窗格模块106更新应用用户界面110以用全屏窗格覆盖画布112和应用标头栏320;而如果窗格114是瞬时的部分屏幕窗格,则自适应窗格模块106更新应用用户界面110以用部分屏幕窗格302覆盖画布的底部,其中,应用标头栏320保持被显示在应用用户界面110中。
如在图3B中所示出的,响应于窗格管理事件,在该示例中,通过选择与关联于窗格114的功能相关的内容项出发打开窗格事件,自适应窗格模块106更新应用用户界面110,以显示根据小形状因子计算设备102确定的尺寸的窗格114。在所示出的示例中,用户116选择以编辑在图3A中所示出的窗格114中显示的评论,并且应用用户界面110被更新为显示全屏窗格310,其中键盘306覆盖窗格的一部分以使得用户116能够编辑该评论。根据一个方面,全屏窗格310覆盖画布112。如所示出的,自适应窗格模块106更新应用用户界面110以显示包括与窗格114相关联的功能的窗格标头栏304,所述功能例如,提交命令312和取消命令314。
在图3A和3B中所示出的示例包括文字处理应用用户界面110。在图3C-3J中所示出的示例包括电子表格应用用户界面110。如在图3C中所示出的,响应于窗格管理事件,在该示例中是通过选择查看与用户界面中的元素相关联的评论(例如,经由选择与窗格114相关联的内容项目)而触发的打开窗格事件,自适应窗格模块106更新应用用户界面110以显示根据小形状因子计算设备102而确定了尺寸的窗格114,窗格114显示内容120(例如,评论)以及用于与其交互的功能(例如,快速命令308)。在所示出的示例中,被打开的窗格114是与以纵向朝向显示的用户界面110的底部对齐的部分屏幕窗格302。在更新应用用户界面110以显示窗格114时,自适应窗格模块106额外地调整画布112的尺寸并且将画布112重新流式传送以与窗格114共存,同时维持受保护的画布尺寸。从而,用户界面110包括对与在窗格114中所显示的功能信息相关的上下文信息(例如,包括窗格114中与所显示的评论相关联的元素的电子表格的一部分)的显示。如所示出的,应用标头栏320保持沿着画布112的标头栏被显示。额外地,自适应窗格模块106更新应用用户界面110以显示窗格标头栏304,该窗格标头栏304包括针对与评论窗格302相关联的功能的多个快速命令308。
如在图3D中所示出的,响应于窗格管理事件,在该示例中是通过选择与关联于窗格114的功能进行交互(例如,用户116选择以编辑在图3C中示出的窗格114中显示的评论)而触发的打开窗格事件,自适应窗格模块106更新应用用户界面110以显示根据小形状因子计算设备102而确定了尺寸的窗格114。在所示出的示例中,应用用户界面110被更新为显示全屏窗格310,其中键盘306覆盖窗格的一部分以使得用户116能够编辑评论。根据一个方面,全屏窗格310覆盖画布112。额外地,提交命令312被显示在窗格114中,当被选择时,其触发窗格管理事件(即,窗格关闭事件)。
在图3E和3F中所示出的示例示出了以横向朝向显示的、根据小形状因子计算设备102而确定了尺寸的应用用户界面110。现在参考图3E,响应于窗格管理事件,在该示例中是通过选择以查看与用户界面中的元素相关联的评论而触发的窗格打开事件,自适应窗格模块106更新应用用户界面110以显示根据小形状因子计算设备102而确定了尺寸的窗格114,窗格114显示内容120(例如,评论)以及用于与其交互的功能(例如,快速命令308)。例如在图3A-3D中所示出并且在上文中所描述的以横向朝向显示的示例性应用用户界面110,当小形状因子计算设备102是横向朝向时,包括窗格114和画布112的用户界面110适配为显示器118的宽度。额外地,画布112维持受保护的画布尺寸,并且窗格114是与用户界面110的底部对齐的部分屏幕窗格302并且包括窗格标头栏304,该窗格标头栏304包括针对与窗格114相关联的功能的一个或多个快速命令308。在所示出的示例中,将应用标头栏320推离用户界面110以为应用画布112和窗格114提供最大的空间。
除了横向朝向的朝向之外,在图3F中所示出的示例类似于在图3D中所示出的示例。响应于窗格管理事件,在该示例中是通过选择与关联于窗格114的功能进行交互而触发的打开窗格事件(例如,用户116选择编辑在图3E中所示出的窗格114中显示的评论),自适应窗格模块106更新应用用户界面110以显示根据小形状因子计算设备102而确定了尺寸的窗格114。如在上文中关于图3E所描述的,当小形状因子计算设备102的朝向为横向朝向时,自适应窗格模块106更新应用用户界面110以适配于显示器118中的应用用户界面110的宽度,应用用户界面110包括覆盖画布112的全屏窗格310以及覆盖窗格的一部分的键盘306,所述键盘306使得用户116能够编辑评论。额外地,在窗格114中显示提交命令312,当被选择时,其引起窗格管理事件(即,窗格关闭事件)。
图3G、3H、和3I包括由自适应窗格模块106所生成的用户界面110配置的三个示例。响应于窗格管理事件(例如,打开窗格事件),自适应窗格模块106更新应用用户界面110以显示根据小形状因子计算设备102而确定了尺寸的窗格114,窗格114显示内容120(例如,评论)以及用于与内容120进行交互的功能,并且画布112显示与在窗格114中所显示的内容相关的内容120(例如,文档的一部分)。画布112的尺寸是根据小形状因子计算设备102确定的,并且维持受保护的画布尺寸。在图3G-3I中示出的示例中,诸如快速命令308之类的功能被显示在沿着窗格114底部的区域中。在图3G和3I中所示出的示例中,应用标头栏320在画布112中被显示并且与应用108的顶部对齐。在图3H中,应用标头栏320被推离屏幕以为应用画布112和窗格114提供最大的空间。
如在图3J中所示出的,响应于通过改变小形状因子计算设备102的朝向而触发的用户界面尺寸改变事件,自适应窗格模块106更新应用用户界面110以显示根据小形状因子计算设备102而确定了尺寸的画布112和窗格114,并且使其适合于显示器118中的应用用户界面110的宽度。根据一个方面并且如所示出的,在响应于尺寸改变事件而更新应用用户界面时,自适应模块106从显示器118弹出应用标头栏320以维持受保护的画布尺寸同时显示窗格114。
图3K-3Q是应用用户界面配置的各种示例的示图。图3K-3O以纵向朝向示出了根据小形状因子计算设备102而确定了尺寸的窗格114的各种示例配置。例如,在图3K中所示出的示例示出了与画布112共存的部分屏幕窗格302。部分屏幕窗格302是与应用用户界面110的底部对齐的持续窗格,并且包括可滚动的内容322和与窗格114的顶部对齐的窗格标头栏304,并且包括关闭命令316。在图3L中所示出的示例示出了具有键盘306覆盖的全屏窗格310。窗格114包括窗格标头栏304,其包括关闭命令316。在图3M中所示出的示例示出了具有键盘306覆盖的全屏窗格310。窗格114包括窗格标头栏304,其包括多个功能命令,例如,提交命令312和取消命令314,类似于在图8中所示出的示例。
在图3N中所示出的示例示出了具有键盘306覆盖的全屏窗格310。窗格114包括窗格标头栏304,其包括功能命令,例如提交命令312,类似于在图9中所示出的示例。在图3O中所示出的示例配置示出了包括窗格标头栏304的部分屏幕窗格,所述窗格标头栏304包括针对与所述窗格相关联的功能的多个快速命令308。例如,窗格114可以是覆盖一部分画布112直到窗格被解散为止的瞬时窗格,类似于在图4中所示出的示例。图3P-3Q示出了以纵向朝向的、根据小形状因子计算设备102而确定了尺寸的窗格114的各种示例配置。根据一个方面,画布112和窗格114适合于显示器118中的应用用户界面110的宽度,并且窗格114的内容120以及画布112基于设备102的旋转而重新流式传送。在图3P中,画布112维持受保护的画布尺寸。
现在参考图4,示出了由自适应窗格模块106更新以显示覆盖了一部分画布112的部分屏幕窗格的示例应用用户界面110的屏幕截图示图。根据一个方面,窗格114被示出为瞬时(即,光消散或弹出)窗格。在一些示例中,瞬时窗格保持被显示直到进行了选择(例如,选择“探索”命令404或“定义”命令406)为止、当使用了返回按钮时、或者当用户116在窗格114之外的区域进行选择时。在其他示例中,在进行了选择之后,瞬时窗格保持被显示。例如,响应于由用户116进行了选择以查看与画布112中所显示的内容120相关的洞察(insight),自适应窗格模块106更新应用用户界面110以显示根据小形状因子计算设备102而确定了尺寸的窗格114,所述窗格包括与在画布112中所显示的内容相关的内容120以及用于与内容120进行交互的功能。根据一个方面,瞬时窗格114与应用用户界面110的底部对齐。
现在参考图5,示出了包括画布112和窗格114的示例应用用户界面110。在所示出的示例中,窗格114是被显示为部分屏幕窗格的调出窗格302并且根据小形状因子计算设备102而确定了尺寸。根据一个方面,自适应窗格模块106对用户界面110进行更新以将调出窗格302显示为持续窗格,该持续窗格保持被显示直到被用户116手动解散(例如,使用关闭命令316或者提交/解散命令)或者由应用108以程序方式关闭为止。根据一个示例,调出窗格可以包括能够被应用于画布112中的内容120的一系列可选择的功能。
图6-11示出了如何能够引起窗格关闭事件的各种示例。例如,图6是经由在电子表格应用用户界面110中所显示的持续窗格114(例如,查看评论窗格)中选择关闭命令316而触发窗格关闭事件的示例;图7是经由在文字处理应用用户界面110中所显示的持续窗格114(例如,查看评论窗格)中选择关闭命令316而触发窗格关闭事件的示例;图8是经由在具有键盘306覆盖的全屏窗格310(例如,超链接窗格)中选择取消命令314而触发窗格关闭事件的示例;图9是经由在具有键盘306覆盖的全屏窗格310(例如,编辑评论窗格)中选择提交命令312而触发窗格关闭事件的示例;图10是经由选择在全屏窗格310中显示的返回或钻出命令1002而触发窗格关闭事件的示例;而图11是经由选择操作系统返回命令1102而触发窗格关闭事件的示例。
响应于窗格关闭事件,自适应窗格模块106更新根据其显示并选择命令(例如,提交命令312、取消命令314、关闭命令316、返回/钻出命令1002、操作系统返回命令1102)的用户界面110。例如,当在窗格114中显示提交命令312和取消命令314并且选择了提交命令312时,保存用户116进行的任何改变,并且自适应窗格模块106对用户界面110进行更新以导航回先前的显示。如果选择了操作系统返回命令1102,则丢弃用户116进行的任何改变,并且自适应窗格模块106对用户界面110进行更新以导航回先前的显示。
根据另一个示例,当仅仅显示提交命令312(例如,完成命令),并且选择了提交命令312时,保存用户116进行的任何变化,并且自适应窗格模块106对用户界面110进行更新以导航回先前的显示。如果选择了操作系统返回命令1102,则用户116进行的任何改变不受影响,并且自适应窗格模块106对用户界面110进行更新以导航回先前的显示。
根据另一个示例,当显示并选择了返回命令1002时,自适应窗格模块106对用户界面110进行更新以导航回先前的显示。如果选择了操作系统返回命令1102,则用户116进行的任何改变不受影响,并且自适应窗格模块106对用户界面110进行更新以导航回先前的显示。
根据另一个示例,当显示并选择了关闭命令316时,自适应窗格模块106对用户界面110进行更新以导航回先前的显示。如果选择了操作系统返回命令1102,则用户116进行的任何改变不受影响,并且自适应窗格模块106更新用户界面以导航回先前的显示。
图13-17示出了与在小形状因子计算设备102上相比,自适应窗格模块106如何管理平板计算设备1302上的窗格114的显示的示例。例如,如在图13、14、和16中所示出的,在诸如平板计算设备1302、膝上型计算设备等之类的较大形状因子计算设备上的用户界面110中所显示的窗格114可以与用户界面110的侧边对齐;而在小形状因子计算设备102上,自适应窗格模块106更新应用用户界面110以包括对根据小形状因子计算设备102而确定了尺寸的窗格114的显示,例如,显示为全屏窗格310。
如在图15中所示出的,在诸如平板计算设备1302、膝上型计算设备等之类的较大形状因子计算设备上的用户界面中可以显示多个窗格114。例如,可以在多个窗格114中显示深入(drilldown)菜单。相比之下,在小形状因子计算设备102上,自适应窗格模块106更新应用用户界面110以包括对根据小形状因子计算设备102而确定了尺寸的单个窗格114(例如,具有返回/钻出按钮1002的单个全屏窗格310)的显示。
如在图16和17中所示出的,响应于接收到对小形状因子计算设备102上的打开窗格事件的指示,自适应窗格模块106对用户界面110进行更新以显示根据小形状因子计算设备102而确定了尺寸的窗格114。根据一个方面,当与内容120的交互或者与窗格114相关联的功能包括诸如文本输入之类的信息的输入时,自适应窗格模块106对用户界面110进行更新以显示键盘306覆盖,如在图17中所示出的那样。
图18-35示出了小形状因子计算设备102上的各种示例窗格管理序列。图18A-C示出:通过从在全屏窗格310中所显示的深入菜单中选择显示历史文件夹内容而触发的钻入窗格管理序列1800(图18A);对用户界面110进行更新来将窗格的层级(即,在图18A中所示出的示例窗格的子窗格)中的较低等级的窗格显示为全屏窗格310,该全屏窗格310包括与选择相关联的内容120以及用于与内容120进行交互的功能(图18B);从在全屏窗格310中所显示的历史文件夹选择文档项目(即,内容120)(图18B),并且对用户界面110进行更新以在全屏窗格310中显示所选择的文档项目(即,内容120)(图18C)。
图19A-F示出:通过选择编辑在与用户界面110中的画布112共存的部分屏幕(查看评论)窗格302中所显示的评论(即,内容120)而触发的示例窗格管理序列1900(图19A);对用户界面110进行更新以显示包括内容120(例如,评论)和关联于与内容120进行交互的功能(例如,包括用于使得用户116能够编辑/添加评论的键盘覆盖306)的全屏窗格310(图19B);对调色板提示命令318的选择(图19C);对用户界面110进行更新以显示根据小形状因子计算设备102而确定了尺寸并且与用户界面110中的全屏窗格310共存的调色板窗格324(图19D);对提交命令312的选择(图19E);提交所进行的改变,并且对用户界面110进行更新以显示与用户界面110中的画布112共存的部分屏幕(查看评论)窗格302(图19F)。
图20A-D示出:通过经由选择与画布112共存的部分屏幕(查看评论)窗格302中的快速命令308来选择回复评论而触发的示例窗格管理序列2000(图20A);对用户界面110进行更新以显示包括内容120(例如,评论以及对评论的回复)以及关联于与内容120进行交互的功能(例如,包括键盘306覆盖以使得用户116能够输入对评论的回复)的全屏窗格310(图20B);对操作系统返回命令1102的选择(图20B);对用户界面110进行更新以收起键盘306覆盖(图20C);对操作系统返回命令1102的另一选择(图20C);保存新的评论;并且对用户界面110进行更新以显示与画布112(图20D)共存的部分屏幕(查看评论)窗格302,所述部分屏幕窗格302包括对新的评论的显示。
图21A-C示出:通过选择在调色板窗格324中所显示的调色板项目2102而触发的示例窗格管理序列2100,例如,用于将超链接插入在画布112中所显示的文档(例如,内容120)中的插入标签(21A);对用户界面110进行更新以显示包括内容120的全屏窗格310以及与窗格114/310相关联的功能(例如,用于输入文本以及与要插入到文档中的超链接相关联的URL(统一资源定位符)的字段、用于使得用户116能够输入文本和URL的键盘306覆盖等)的全屏窗格310(图21B);对提交命令312的选择(图21B);将超链接插入到文档中;以及对用户界面110进行更新以显示与调色板窗格324共存的画布112(图21C)。
图22A-E示出:通过选择在调色板窗格324中所显示的调色板项目2102以将超链接插入到在画布112中所显示的文档(例如,内容120)中而触发的示例窗格管理序列2200(图22A);对用户界面110进行更新以显示包括内容120的全屏窗格310以及与窗格114/310相关联的功能(例如,用于输入文本以及与要插入到文档中的超链接相关联的URL(统一资源定位符)的字段、用于使得用户116能够输入文本和URL的键盘306覆盖等)(图22B);从用户116接收输入以及选择操作系统返回命令1102(图22C);对用户界面110进行更新以从显示器中收起键盘306(图22D);对操作系统返回命令1102的另一选择(图22D);丢弃用户116所进行的改变并且对用户界面110进行更新以显示与调色板窗格324共存的画布112(图22E)。
图23A-F示出:通过选择在调色板窗格324中所显示的调色板窗格项2304(例如,尺寸项)而触发的示例窗格管理序列2300,其中,在所示出的示例中,调色板窗格选项2304包括用于修改在画布112中所显示的元素2302的尺寸(例如,形状)的功能(图23A);对用户界面110进行更新以钻入或者显示调色板窗格324的层级中的下一等级的调色板窗格324(即,子调色板窗格),其中在下一等级,调色板窗格324包括与用于修改元素2302的尺寸的功能相关联的多个调色板项目2102(图23B);对调色板项目2102的选择(图23B);对用户界面110进行更新以在用户界面110中显示键盘306并且将调色板窗格324在用户界面110中移动到键盘306之上(图23C);从用户116接收输入并且选择操作系统返回命令1102(图23D);保持用户116所进行的改变并且对用户界面110进行更新以根据从用户116所接收的输入而修改画布112中元素2302的尺寸,收起键盘306,并且将调色板窗格324移动到在画布112之下(图23E);对操作系统返回命令1102的选择(图23E);以及对用户界面110进行更新以关闭调色板窗格324,根据小形状因子计算设备102来调整画布112的尺寸并且重新流式传送画布112的内容120(图23F)。
图24A-F示出:通过选择在调色板窗格324中所显示的调色板窗格项2304(例如,分裂单元项)而触发的示例窗格管理序列2400,其中,在所示出的示例中,调色板窗格选项2304包括用于将在画布112中所显示的元素2402(例如,表格)的单元分裂的功能(图24A);对用户界面110进行更新以钻入或者显示调色板窗格324的层级的下一等级的调色板窗格324(例如,子调色板窗格),其中在下一等级的调色板窗格324中包括与用于将表格(例如,元素2402)中的单元分裂的功能相关联的多个调色板项(图24B);对调色板项目2102的选择(图24B);对用户界面110进行更新以在用户界面110中显示键盘306并且将调色板窗格324移动至用户界面110中的键盘306之上(图24C);从用户116接收输入并且选择提交命令312(图24D);保存用户116进行的改变并且对用户界面110进行更新以根据从用户116接收的输入而修改在画布112中所显示的元素2402,收起键盘306,并将调色板窗格324移动至画布112之下(图24E);对操作系统返回命令1102的选择(图24E);以及对用户界面110进行更新以关闭调色板窗格324,根据小形状因子计算设备102来调整画布112的尺寸,并且重新流式传送画布112的内容120(图24F)。
图25A-F示出:通过选择在调色板窗格324中所显示的调色板窗格项2304(例如,分裂单元项)而触发的示例窗格管理序列2500,其中,在所示出的示例中,调色板窗格选项2304包括用于将在画布112中所显示的元素2502(例如,表格)的单元分裂的功能(图25A);对用户界面110进行更新以钻入或者显示调色板窗格324的层级的下一等级的调色板窗格324(例如,子调色板窗格),其中在下一等级的调色板窗格324中包括与用于将表格(即,元素2502)中的单元分裂的功能相关联的多个调色板项2102;对调色板项目2102的选择(图25B);对用户界面110进行更新以在用户界面110中显示键盘306并且将调色板窗格324移动到在用户界面110中的键盘306之上(图25C);从用户116接收输入并且选择操作系统返回命令1102(图25D);对操作系统返回命令1102的选择,以及对用户界面110进行更新以收起键盘306(图25D);对操作系统返回命令1102的另一选择,丢弃用户116所进行的改变,并且对用户界面110进行更新以将调色板窗格324移动至画布112之下(图25E);以及对操作系统返回命令1102的又一选择,以及对用户界面110进行更新以关闭调色板窗格324,根据小形状因子计算设备102来调整画布112的尺寸,并且重新流式传送画布112的内容120(图25F)。
图26A-C示出:通过选择在调色板窗格324中所显示的调色板项目2102而触发的示例窗格管理序列2600,其中,在所示出的示例中,调色板项目2102与用于将超链接插入到在画布112中所显示的文档(即,内容120)中的功能相关联(图26A);对用户界面110进行更新以显示包括内容120以及与窗格114/310相关联的功能(例如,用于输入文本以及与要插入到文档中的超链接相关联的URL(统一资源定位符)的字段、用于使得用户116能够输入文本和URL的键盘306覆盖等)的全屏窗格310(图26B);对取消命令314的选择(图26B);以及将用户界面110更新到先前的状态,其中键盘306被收起,并且调色板窗格324被显示在用户界面110中的画布112之下(图26C)。
图27A-C示出:通过在全屏窗格310中所显示的可编辑文本框中输入文本以及选择操作系统返回命令1102而触发的示例窗格管理序列2700(图27A);对用户界面110进行更新以收起键盘306(图27B);对操作系统返回命令1102的另一选择(图27B);丢弃改变(即,输入),以及将用户界面110更新到先前的状态,其中调色板窗格324被显示在用户界面110中的画布112之下(图27C)。
图28A-C示出:通过选择在部分屏幕窗格302中所显示的内容120(例如,评论)而触发的示例窗格管理序列2800(图28A);对用户界面110进行更新以显示包括内容120(例如,评论和对评论的回复)以及与同内容120的交互相关联的功能,例如,包括用于使得用户116能够输入对评论的回复的键盘306覆盖(图28B);从用户116接收输入并且选择提交命令312(图28B);保存新评论;以及对用户界面110进行更新以显示与画布112共存的部分屏幕(查看评论)窗格302(图28C),部分屏幕窗格302包括对新评论的显示。
图29A-D示出:通过选择在部分屏幕窗格302中所显示的内容120(例如,评论)而触发的示例窗格管理序列2900(图28A);对用户界面110进行更新以显示包括内容120(例如,评论和对评论的回复)以及与同内容120进行交互相关联的功能的全屏窗格310,所述功能例如包括使得用户116能够输入对评论的回复的键盘306覆盖(图29B);从用户116接收输入并且选择操作系统返回命令1102(图29B);对用户界面110进行更新以收起键盘306覆盖(图29C);对操作系统返回命令1102的另一选择(图29C);保存新评论;以及对用户界面110进行更新以显示与画布112共存的部分屏幕(查看评论)窗格302(图29D),部分屏幕窗格302包括对新评论的显示。
根据一个方面并且如在图30A-C中的示例窗格管理序列3000中所示出的,当用户116选择与用于接收文本(或数字)输入的功能(例如,可编辑文本框3002)相关联的调色板项目2102时,自适应窗格模块106对用户界面110进行更新以在键盘306之上显示调色板324。
图31A-B和32示出了响应于用户116滚动窗格114中的可滚动内容322的示例窗格管理序列3100。根据一个方面并且如在图31A-B和32中所示出的,当小形状因子计算设备102处于横向朝向并且用户在滚动在窗格114中所显示的可滚动内容322时,自适应窗格模块106使窗格标头栏304收起(图31B)。当滚动停止时,自适应窗格模块106对用户界面110进行更新以显示窗格标头栏304(图32)。
图33A-C响应于选择了返回命令1002而示出示例窗格管理序列3300。根据一个方面,选择返回命令1002将用户116导航回先前的显示而不管在用户界面110中是否显示了键盘306。例如并且如在图33A-C中所示出的,立即地保存以具体的窗格类型来进行的选择(例如,显示设置菜单的窗格)。响应于选择返回命令1002(图33B),自适应窗格模块106对用户界面110进行更新以显示先前显示的窗格114(图33C)。
图34A-C响应于选择了关闭命令316而示出示例窗格管理序列3400。根据一个方面,选择关闭命令316将用户导航回先前的显示。例如并且如在图34A-C中所示出的,响应于选择在窗格114中所显示的关闭命令316(图34B),自适应窗格模块106对用户界面110进行更新以显示先前显示的调色板324(图34C)。
图35是流程图,其示出了在针对经由对小形状因子计算设备102上的操作系统返回命令1002的选择而触发的示例窗格关闭事件的示例方法3500中所涉及的一般阶段。方法3500以选择操作系统返回命令1002开始。
响应于选择操作系统返回命令1002,决策操作3502确定在用户界面110中显示窗格114还是调色板窗格324。如果用户界面110包括调色板窗格324并且显示了键盘306,则键盘收起操作3504收起键盘306,并对用户界面110进行更新以将调色板窗格324显示为部分屏幕调色板。
如果决策操作3502确定用户界面110包括窗格114,则决策操作3506确定是否显示键盘306。如果显示键盘306,则键盘收起操作3508收起键盘306,并且对用户界面110进行更新以显示先前由键盘306覆盖的全屏窗格310的部分。如果决策操作3506确定不显示键盘306,则决策操作3510确定窗格114包括提交命令312(例如,“完成”命令)还是动作和取消命令314。如果窗格114包括提交命令312(例如,“完成”命令),则关闭窗格操作3512关闭窗格114并且保存所进行的任何改变。如果决策操作3510确定窗格114包括动作和取消命令314,则关闭窗格操作3514关闭窗格114并且丢弃上述任何改变。
根据示例,提供了在小形状因子计算设备102上所显示的应用的用户界面中的窗格配置,用于窗格配置的方法包括:显示应用用户界面110,其包括用于与文档和画布112进行交互以显示文档的功能,其中,所述功能被显示在应用标头栏320中或者在画布112中;接收对功能的选择;以及响应于对所述功能的选择,通过以下操作来更新应用用户界面110:生成包括内容120以及用于与其进行交互的功能的窗格114;根据小形状因子计算设备102来确定窗格114的尺寸从而维持画布112的最小尺寸,以用于提供与在窗格114中所显示的内容120相关的上下文信息;以及显示针对小形状因子计算设备102而确定了尺寸的窗格114。
在一些示例中,确定窗格114的尺寸包括通过将持续窗格的数量限制为每次在应用用户界面110中可以显示一个持续窗格来维持窗格114的最小尺寸,其中,所述窗格的尺寸是显示器118的尺寸的百分比。
尽管已经在结合在计算机的操作系统上运行的应用程序的程序模块的一般上下文中描述示例,但是本领域的技术人员应当理解的是,也可以结合其他程序模块来实现所述示例。一般而言,程序模块包括例程、程序、组件、数据结构、以及执行特定的任务或实现特定的抽象数据类型的其他类型的结构。
在本申请中描述的方面和功能可以通过大批的计算系统操作,包括但不限于台式计算机系统、有线和无线计算系统、移动计算系统(例如,移动电话、上网本、平板或板类型的计算机、笔记本电脑、以及膝上型计算机)、手持设备、多处理器系统、基于微处理器的或可编程的消费电子设备、迷你计算机和主机计算机。
此外,根据一个方面,在本文中所描述的方面和功能在分布式系统(例如,基于云的计算系统)上操作,其中应用功能、存储器、数据存储和取回、以及各种处理功能在诸如互联网和内联网之类的分布式计算网络上彼此远离地操作。根据一个方面,各种类型的用户界面和信息可以经由板载计算设备显示器或者经由与一个或多个计算设备相关联的远程显示单元来显示。例如,各种类型的用户界面和信息可以在各种类型的用户界面和信息所透射到的墙面上显示并且与这样的墙面进行交互被投射在其上。与多个方面可以利用其实践的多种计算系统交互包括:击键输入、触摸屏输入、语音或其它音频输入、姿势输入,其中相关联的计算设备装备有用于捕获和解译用户手势的检测(例如,相机)功能,以用于控制计算设备的功能等。
图36-38和相关联的描述提供了对在其中实践示例的多种操作环境的讨论。然而,关于图36-38所示出和讨论的设备和系统是出于示例和说明的目的的,并且不限制用于实践在本文中所描述的示例的大量计算设备配置。
图36是示出了利用其实践本公开的示例的计算设备3600的物理组件(即,硬件)的框图。在基本配置中,计算设备3600包括至少一个处理单元3602和系统存储器3604。根据一个方面,取决于计算设备的配置和类型,系统存储器3604包括但不限于易失性存储(例如,随机存取存储器)、非易失性存储(例如,只读存储器)、闪速存储器、或者这样的存储器的任何组合。根据一个方面,系统存储器3604包括操作系统3605以及适合于运行软件应用3650的一个或多个程序模块3606。根据一个方面,系统存储器3604包括自适应窗格模块106。操作系统3605,例如,适合于控制计算设备3600的操作。此外,示例结合图形库、其他操作系统、或任何其他应用程序而被实践,并且不限于任何特定的应用或系统。在图36中通过在虚线3608内的那些组件示出了该基本配置。根据一个方面,计算设备3600具有额外的特征或功能。例如,根据一个方面,计算设备3600包括额外的数据存储设备(可移动的和/或不可移动的),例如磁盘、光盘、或者磁带。这样额外的存储在图36中是由可移动存储设备3609和不可移动存储设备3610示出的。
如在上文中所陈述的,根据一个方面,在系统存储器3604中存储了多个程序模块和数据文件。当在处理单元3602上执行时,程序模块3606(例如,自适应窗格模块106)执行过程,其包括但不限于在图2中所示出的方法200的阶段中的一个或多个阶段。根据一个方面,其他程序模块是根据示例使用的,并且包括以下应用,例如:电子邮件和联系人应用、文字处理应用、电子表格应用、数据库应用、幻灯片展示应用、绘画或计算机辅助应用程序、网络浏览器应用等。
根据一个方面,可以在包括分立电子元件的电路、包含逻辑门的封装或集成的电子芯片、利用微处理器的电路、或者在包含电子元件或微处理器的单个芯片上实践示例。例如,可以经由其中在图36中所示出的每个或许多组件可以集成在单个集成电路上的片上系统(SOC)来实践示例。根据一个方面,这样的SOC设备可以包括一个或多个处理单元、图形单元、通信单元、系统虚拟化单元、以及各种应用功能,其全部作为单个集成电路而被集成(或“烧”)到芯片基底上。当经由SOC进行操作时,可以经由在单个集成电路(芯片)上与计算设备3600的其他组件集成的专用逻辑来对在本文中所描述的功能进行操作。还可以使用能够执行逻辑操作(例如AND、OR和NOT)的其他技术来实践本发明的实施例,所述其他技术包括但不限于机械、光学、流体、和量子技术。另外,可以在通用计算机内或在任何其他任何电路或系统中实践本发明的实施例。
根据一个方面,计算设备3600还可以具有一个或多个输入设备3612,例如键盘、鼠标、笔、语音输入设备、触摸输入设备等。还可以包括输出设备3614,例如显示器、扬声器、打印机等。前述设备是示例并且也可以使用其他设备。计算设备3600可以包括允许与其他计算设备3618进行通信的一个或多个通信连接3616。合适的通信连接3616的示例包括但不限于:RF发射机、接收机和/或收发机电路;通用串行总线(USB)、并行和/或串行端口。
如在本文中所使用的术语计算机可读介质包括计算机存储介质。计算机存储介质可以包括以任何用于存储信息(例如,计算机可读指示、数据结构、或程序模块)的方法或技术来实现的易失性的和非易失性的、可移动的和不可移动的介质。系统存储器3604、可移动存储设备3609、和不可移动存储设备3610都是计算机存储介质的示例(即,存储器存储)。计算机存储介质可以包括随机存取存储器(RAM)、只读存储器(ROM)、电可擦只读存储器(EEPROM)、闪速存储器或其他存储器技术、CD-ROM、数字通用盘(DVD)或其他光存储、盒式磁带、磁带、磁盘存储器或其他磁存储设备、或者可用于存储信息并且可以由计算机设备3600访问的任何其他制品。根据一个方面,任何这样的计算机存储介质都可以是计算设备3600的一部分。计算机存储介质不包括载波或其他经传播的数据信号。
根据一个方面,通信介质是由计算机可读指令、数据结构、程序模块、或者经调制的数据信号(例如,载波或其他传输机制)中的其他数据实施的,并且包括任何信息传递介质。根据一个方面,术语“经调制的数据信号”描述了具有一个或多个特征集或者以将信息编码在信号中的方式改变的信号。作为示例而非限制,通信介质包括诸如有线网络或直接有线连接之类的有线介质,以及诸如声学、射频(RF)、红外线的、以及其他无线介质之类的无线介质。
图37A和37B示出了利用其可以实践示例的移动计算设备3700,例如,移动电话、智能电话、平板个人计算机、膝上型计算机等。参考图37A,示出了用于实现所述方面的移动计算设备3700的示例。在基本配置中,移动计算设备3700是具有输入元件和输出元件两者的手持计算机。移动计算设备3700通常包括显示器3705以及允许用户将信息输入到移动计算设备3700中的一个或多个输入按钮3710。根据一个方面,移动计算设备3700的显示器3705充当输入设备(例如,触摸屏显示器)。如果被包括在内,可选的侧输入元件3715允许进一步的用户输入。根据一个方面,侧输入元件3715可以是旋转开关、按钮、或任何其他类型的手动输入元件。在可替代的示例中,移动计算设备3700可以包含更多或更少的输入元件。例如,显示器3705可以不是触摸屏。在可替代的示例中,移动计算设备3700还可以包括可选的小键盘3735。根据另一个方面,可选的小键盘3735可以是物理小键盘或是在触摸屏显示器上生成的“软”小键盘。在各种方面中,输出元件包括用于示出图形用户界面(GUI)的显示器3705、视觉指示器3720(例如,发光二极管)、和/或音频换能换能器3725(例如,扬声器)。在一些示例中,移动计算设备3700包含用于给用户提供触觉反馈的振动换能器。在另一示例中,移动计算设备3700包含用于向外部设备发送信号或者从外部设备接收信号的输入和/或输出端口,例如音频输入端(例如,麦克风插孔)、音频输出端(例如,耳机插孔)、以及视频输出端(例如,HDMI端口)。
图37B是示出移动计算设备的示例架构的框图。即,移动计算设备3700包含用于实现一些示例的系统(即,架构)3702。在一个示例中,系统3702被实现为能够运行一个或多个应用(例如,浏览器、电子邮件、日历、联系人管理器、消息传送客户端、游戏、以及媒体客户端/播放器)的“智能电话”。在一些示例中,系统3702是作为计算设备被集成的,例如集成的个人数字助理(PDA)和无线电话。
根据一个方面,一个或多个应用程序3750被加载到存储器3762中,并且在操作系统3764上运行或者结合操作系统3764运行。应用程序的示例包括电话拨号程序、电子邮件程序、个人信息管理(PIM)程序、文字处理程序、电子表格程序、互联网浏览器程序、消息传送程序等。根据一个方面,自适应窗格模块106被加载到存储器3762中。系统3702还包括存储器3762内的非易失性存储区3768。非易失性存储区3768用于存储如果系统3702断电而不应当丢失的持续的信息。应用程序3750可以使用非易失性存储区3768中的信息并将信息存储在非易失性存储区3768中,所述信息例如由电子邮件应用等所使用的电子邮件或其他消息。同步应用(未示出)也驻留在系统3702上并且被编程为与驻留在主机计算机上的对应的同步应用进行交互,以保持存储在非易失性存储区域3768中的信息与存储在主机计算机处的对应的信息相同步。应当理解的是,包括实现在本文中所描述的发明的方面的软件在内的其他应用也可被加载到存储器3762中并且在移动计算设备3700上运行。
根据一个方面,系统3702具有电源3770,其被实现为一个或多个电池。根据一个方面,电源3770还包括外置电源,例如AC适配器或者给电池供电或充电的加电对接托架。
根据一个方面,系统3702还可以包括执行发送和接收射频通信的功能的无线电设备3772。无线电设备3772经由通信载波或服务供应商来促成系统3702与外部世界之间的无线连通性。来往无线电设备3772的传输是在操作系统3764的控制下进行的。换句话说,可以将由无线电设备3772所接收的通信经由操作系统3764散播至应用程序3750,反之亦然。
根据一个方面,视觉指示器3720用于提供可视的通知和/或音频接口3774用于经由音频传感器3725而产生能够听到的通知。在所示出的示例中,视觉指示器3720是发光二极管(LED),而音频传感器3725是扬声器。这些设备可以被直接耦合至电源3770,使得当被激活时,即使处理器3760和其他组件可以关闭以节省电池电量,这些设备也能保持通电并持续由通知机制所指示的一段时间。LED可被编程为无限期地保持通电,直到用户采取动作来指示该设备的通电状态为止。音频接口3774用于向用户提供能够听到的信号并且从用户处接收能够听到的信号。例如,除了耦合至音频换能器3725之外,音频接口3774还可以耦合至麦克风以接收能够听到的输入,例如,促进电话会话。根据一个方面,系统3702还可以包括支持用于记录静止的图像、视频流等的板载相机3730的操作的视频接口3776。
根据一个方面,实现系统3702的移动计算设备3700具有额外的特征或功能。例如,移动计算设备3700包括额外的数据存储设备(可移动的和/或不可移动的),例如磁盘、光盘、或磁带。在图37B中,由非易失性存储区域3768示出了这样额外的存储。
根据一个方面,由移动计算设备3700生成或捕获的并且经由系统3702存储的数据/信息本地地存储在移动计算设备3700上,如在上文中所描述的。根据另一方面,数据被存储在能够由设备经由无线电设备3772或者经由在移动计算设备3700与和移动计算设备3700相关联的分离的计算设备(例如,诸如互联网之类的分布式计算网络中的服务器计算机)之间的有线连接来访问的任何数量的存储介质上。如应当理解的,这样的数据/信息能够经由移动计算设备3700经由无线电设备3772或经由分布式计算网络来访问。类似地,根据一个方面,根据公知的数据/信息传输和存储方式,包括电子邮件和协同的数据/信息共享系统,这样的数据/信息容易在计算设备之间传输以供存储和使用。在另一个示例中,移动计算设备3700包含外围设备端口3740,例如音频输入(例如,麦克风插孔)、音频输出(例如,耳机插孔)、以及音频输出(例如,HDMI端口),它们用于向外部设备发送信号或者从外部设备接收信号。
图38示出了如上文所描述的用于自动地管理小形状因子计算设备上的用户界面中的窗格的系统架构的一个示例。与自适应窗格模块106相关联地发展、交互、或编辑的内容被使能存储在不同的通信信道或其他存储类型中。例如,可以使用目录服务3822、门户网站3824、邮箱服务3826、即时消息传送存储3828、或社交网站3830来存储各种文档。自适应窗格模块106用于使用这些类型的系统等中的任何一个来自动地管理小形状因子设备上的用户界面中的窗格,如在本文中所描述的。根据一个方面,服务器3815向客户端3805a、b、c提供自适应窗格模块106。作为一个示例,服务器3815是通过网络提供自适应窗格模块106的网络服务器。服务器3815通过网络3810向客户端3805在网络上提供了自适应窗格模块106。作为示例,在个人计算机3805a、平板计算设备3805b或移动计算设备3805c(例如,智能电话)、或其他计算设备中实现并实施了客户端计算设备。这些客户端计算设备的示例中的任何一个用于从存储3816获取内容。
参考根据示例的方法、系统、和计算机程序产品的框图和/或操作性说明而描述了示例。在框中所记载的功能/动作可以不同于如在任何流程图中所示出的顺序而发生。例如,取决于所涉及的功能/动作,实际上可以大体上同时地执行示出的连续的两个框或者有时可以以相反的顺序执行上述框。
在该申请中提供的对一个或多个示例的描述和说明不旨在以任何方式限制或约束所述范围。在该公开中所提供的方面、示例、和细节被认为足以传达所有物,并且使得其他人能够制造并使用最佳模式。所述权利要求不应该被解释为限于在该申请中所提供的任何方面、示例、或细节。无论是共同地还是单独地示出或描述,(结构上和方法上两者的)各种特征旨在选择性地包括或省略,以产生具有特定组的特征的实施例。在已经提供有本申请的描述和图示之后,本领域技术人员可以预想落入在该申请中所实施的一般的发明概念的更宽泛的方面的精神内的变型、修改和替代实施例,而不脱离更宽泛的范围。

Claims (15)

1.一种用于对在小形状因子计算设备上显示的应用的用户界面中的窗格配置进行管理的方法,所述方法包括:
显示应用用户界面,所述应用用户界面包括用于与文档进行交互的功能以及用于显示所述文档的画布;
接收对功能的选择;以及
生成包括与所述功能相关联的内容的窗格;
根据所述小形状因子计算设备来确定所述窗格的尺寸;以及
显示针对所述小形状因子计算设备而确定了尺寸的所述窗格。
2.根据权利要求1所述的方法,其中,根据所述小形状因子计算设备来确定所述窗格的尺寸包括维持作为所述小形状因子计算设备的显示器的尺寸的指定百分比的最小窗格尺寸。
3.根据权利要求1所述的方法,其中,根据所述小形状因子计算设备来确定所述窗格的尺寸包括将所述窗格显示在所述画布之下,所述窗格被显示为持续窗格并且包括包含关闭命令的窗格标头栏。
4.根据权利要求3所述的方法,还包括在所述窗格标头栏中显示一个或多个快速命令功能。
5.根据权利要求3所述的方法,还包括更新所述应用用户界面以在将所述窗格显示为持续窗格时从显示器移除应用标头栏。
6.根据权利要求3所述的方法,界面还包括将对调色板提示命令的显示包括在所述窗格中。
7.根据权利要求6所述的方法,还包括:
接收对所述调色板提示命令的选择或者对在所述窗格中显示的与调色板窗格相关联的功能的选择;以及
响应于所述选择:
通过生成包括一个或多个调色板选项的调色板窗格来更新所述应用用户界面;
根据所述小形状因子计算设备来确定所述调色板窗格的尺寸;并且
将所述调色板窗格显示为部分屏幕调色板窗格;
接收对调色板窗格选项的选择;以及
响应于所述选择,通过显示调色板窗格的层级中的子调色板窗格来更新所述应用用户界面。
8.根据权利要求7所述的方法,还包括:
接收对操作系统返回命令的选择;
响应于所述选择:
导航至调色板窗格的层级中的先前的调色板窗格;并且
通过显示所述调色板窗格的层级中的所述先前的调色板窗格来更新所述应用用户界面。
9.根据权利要求3所述的方法,还包括:
接收对所述关闭命令或者操作系统返回命令的选择;以及
响应于所述选择,通过关闭所述窗格来更新所述应用用户界面。
10.根据权利要求3所述的方法,还包括:
接收对在所述窗格中显示的功能的选择;以及
响应于所述选择,通过显示以下内容来更新所述应用用户界面:
根据所述小形状因子计算设备而确定了尺寸的所述窗格,所述窗格被显示为全屏窗格并且包括内容以及用于与所述内容进行交互的功能。
11.根据权利要求1所述的方法,还包括:
接收对所述小形状因子计算设备的显示器宽度的改变的指示;以及
响应于所述显示器宽度的所述改变,通过以下方式来更新所述应用用户界面:
将所述窗格的尺寸调整为所述应用用户界面的宽度并且根据所述小形状因子计算设备来调整所述窗格的尺寸;
重新流式传送所述窗格中的内容;
显示针对所述小形状因子计算设备而确定了尺寸的所述窗格;
将所述画布的尺寸调整为所述应用用户界面的所述宽度并且根据所述小形状因子计算设备来调整所述画布的尺寸以保持最小尺寸,以便提供与在所述窗格中显示的所述内容相关的上下文信息;
重新流式传送所述画布中的内容;并且
显示针对所述小形状因子计算设备而确定了尺寸的所述画布,所述画布在所述应用用户界面中被显示在所述窗格之上。
12.一种用于对在小形状因子计算设备上显示的应用的用户界面中的窗格配置进行管理的计算设备,所述计算设备包括:
处理器、存储器、以及用于向用户呈现视觉输出的输出设备,所述视觉输出包括所述应用的所述用户界面,所述计算设备用于:
显示应用用户界面,所述应用用户界面包括与文档进行交互的功能以及用于显示所述文档的画布;
接收对功能的选择;以及
生成包括与所述功能相关联的内容的窗格;
根据所述小形状因子计算设备来确定所述窗格的尺寸;以及
显示针对所述小形状因子计算设备而确定了尺寸的所述窗格。
13.根据权利要求12所述的计算设备,其中,在根据所述小形状因子计算设备来确定所述窗格的尺寸时,所述计算设备用于在所述应用用户界面中显示一个窗格的最大值并且维持最小窗格尺寸,其中,所述最小窗格尺寸是所述小形状因子计算设备的显示器的尺寸的指定百分比。
14.根据权利要求12所述的计算设备,其中,在生成所述窗格时,所述计算设备还用于:
生成持续窗格,所述持续窗格包括包含关闭命令的窗格标头栏;
从显示器中移除应用标头栏;
在所述窗格中显示调色板提示命令;
接收对所述调色板提示命令的选择或者对在所述窗格中显示的与调色板窗格相关联的功能的选择;
响应于所述选择,通过如下方式来更新所述应用用户界面:
生成包括一个或多个调色板窗格选项的调色板窗格;
根据所述小形状因子计算设备来确定所述调色板窗格的尺寸,所述调色板窗格被显示为部分屏幕调色板窗格;以及
显示针对所述小形状因子计算设备而确定了尺寸的所述调色板窗格;
接收对调色板窗格选项的选择;以及
响应于对所述调色板窗格选项的选择,通过生成并显示调色板窗格的层级中的子调色板窗格来更新所述应用用户界面。
15.一种小形状因子计算设备,包括用于连接至提供基于网络的应用的网络服务器的网络连接,所述小形状因子计算设备包括用于进行以下操作的功能:
显示所述基于网络的应用的应用用户界面,所述应用用户界面包括包含文档的画布并且包含用于与所述文档进行交互的功能;并且
响应于接收到对功能的选择,通过以下方式来更新所述应用用户界面:
生成包括内容以及用于与所述内容进行交互的功能的窗格;
根据所述小形状因子计算设备来确定所述窗格的尺寸以维持最小窗格尺寸;
响应于接收到对在所述窗格中显示的功能的选择,通过以下方式来更新所述应用用户界面:
生成包括内容以及用于与所述内容进行交互的功能的窗格;
根据所述小形状因子计算设备而将所述窗格的尺寸确定为全屏窗格;并且
显示针对所述小形状因子计算设备而确定了尺寸的所述窗格。
CN201680006791.6A 2015-01-21 2016-01-21 自适应用户界面窗格对象 Active CN107209628B (zh)

Applications Claiming Priority (5)

Application Number Priority Date Filing Date Title
US201562105775P 2015-01-21 2015-01-21
US62/105,775 2015-01-21
US14/755,794 2015-06-30
US14/755,794 US10209849B2 (en) 2015-01-21 2015-06-30 Adaptive user interface pane objects
PCT/US2016/014201 WO2016118676A1 (en) 2015-01-21 2016-01-21 Adaptive user interface pane objects

Publications (2)

Publication Number Publication Date
CN107209628A true CN107209628A (zh) 2017-09-26
CN107209628B CN107209628B (zh) 2020-07-14

Family

ID=56407902

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201680006791.6A Active CN107209628B (zh) 2015-01-21 2016-01-21 自适应用户界面窗格对象

Country Status (4)

Country Link
US (2) US10209849B2 (zh)
EP (1) EP3248091A1 (zh)
CN (1) CN107209628B (zh)
WO (1) WO2016118676A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108280052A (zh) * 2018-02-12 2018-07-13 广州视源电子科技股份有限公司 元素显示状态的调整方法、装置、智能设备及存储介质
CN114365084A (zh) * 2019-08-21 2022-04-15 阿韦瓦软件有限责任公司 响应式布局系统和服务器

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10402034B2 (en) 2014-04-02 2019-09-03 Microsoft Technology Licensing, Llc Adaptive user interface pane manager
US10042655B2 (en) 2015-01-21 2018-08-07 Microsoft Technology Licensing, Llc. Adaptable user interface display
WO2018176297A1 (en) * 2017-03-30 2018-10-04 Sony Mobile Communications Inc. Multi-window displaying apparatus and method and mobile electronic equipment
CN110196669A (zh) * 2019-06-11 2019-09-03 北京字节跳动网络技术有限公司 窗口排列方法、装置、终端及存储介质
JP6945872B2 (ja) * 2019-11-12 2021-10-06 株式会社セルシス コマンド表示制御方法、コマンド表示制御プログラム及びその装置
CN111176764B (zh) * 2019-12-10 2022-04-05 华为技术有限公司 显示控制方法和终端设备
JP7372987B2 (ja) 2019-12-27 2023-11-01 富士フイルム株式会社 制御装置及び制御プログラム
US11194959B1 (en) * 2021-04-21 2021-12-07 Sap Se Smart assistance in unused space in tables

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040268212A1 (en) * 2003-06-12 2004-12-30 Malik Dale W Generating documents using electronically-captured signatures
US20080094368A1 (en) * 2006-09-06 2008-04-24 Bas Ording Portable Electronic Device, Method, And Graphical User Interface For Displaying Structured Electronic Documents
WO2010033828A1 (en) * 2008-09-18 2010-03-25 Pictela, Inc. Self-replicating rich media interface
US20100229110A1 (en) * 2000-06-21 2010-09-09 Microsoft Corporation Task Sensitive Methods and Systems for Displaying Command Sets
CN103917946A (zh) * 2012-10-10 2014-07-09 Sk普兰尼特有限公司 显示高速滚动内容和滚动条的方法和系统
CN104035658A (zh) * 2013-03-08 2014-09-10 卡西欧计算机株式会社 显示装置以及显示方法

Family Cites Families (87)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5142618A (en) 1986-11-21 1992-08-25 Hitachi, Ltd. Window management apparatus for a document creating apparatus
US5726669A (en) 1988-06-20 1998-03-10 Fujitsu Limited Multi-window communication system
US5060170A (en) 1989-08-09 1991-10-22 International Business Machines Corp. Space allocation and positioning method for screen display regions in a variable windowing system
AU630567B2 (en) 1990-07-31 1992-10-29 Digital Equipment Corporation System and method for emulating a window management environment having a uniform windowing interface
US5390295A (en) 1991-12-20 1995-02-14 International Business Machines Corporation Method and apparatus for proportionally displaying windows on a computer display screen
EP0717344B1 (en) 1994-12-13 2001-10-31 Microsoft Corporation Taskbar with start menu
US5825360A (en) 1995-04-07 1998-10-20 Apple Computer, Inc. Method for arranging windows in a computer workspace
US5712995A (en) 1995-09-20 1998-01-27 Galileo Frames, Inc. Non-overlapping tiling apparatus and method for multiple window displays
US5920315A (en) 1996-07-17 1999-07-06 International Business Machines Corporation Multi-pane window with recoiling workspaces
US5999177A (en) 1997-07-07 1999-12-07 International Business Machines Corporation Method and system for controlling content on a display screen in a computer system
US6785866B1 (en) 1998-05-01 2004-08-31 Adobe Systems Incorporated Dialogs for multiple operating systems and multiple languages
US6603493B1 (en) 1999-04-13 2003-08-05 International Business Machines Corporation Method for arranging display elements
US6414698B1 (en) 1999-04-13 2002-07-02 International Business Machines Corporation Method for enabling adaptive sizing of display elements
US6587128B2 (en) 1999-07-15 2003-07-01 International Business Machines Corporation Method for displaying hidden objects by varying the transparency of overlapping objects
US6356279B1 (en) 1999-07-30 2002-03-12 Curl Corporation Processing of graphical objects with minimum and preferred sizes
US20050183017A1 (en) 2001-01-31 2005-08-18 Microsoft Corporation Seekbar in taskbar player visualization mode
DE10117457A1 (de) 2001-04-06 2002-10-17 T Mobile Deutschland Gmbh Verfahren zur Anzeige von standardisierten großformatigen Internet-Seiten mit beispielsweise HTML-Protokoll in Einhandendgeräten mit Mobilfunkanschluss
US20020191028A1 (en) 2001-06-19 2002-12-19 Senechalle David A. Window manager user interface
US6950993B2 (en) 2001-08-02 2005-09-27 Microsoft Corporation System and method for automatic and dynamic layout of resizable dialog type windows
US8966379B2 (en) 2010-10-01 2015-02-24 Z124 Dynamic cross-environment application configuration/orientation in an active user environment
WO2003032151A2 (en) 2001-10-04 2003-04-17 Koninklijke Philips Electronics N.V. Method of styling a user interface and device with adaptive user interface
US7620908B2 (en) 2001-12-28 2009-11-17 Sap Ag Managing a user interface
US7080326B2 (en) 2002-07-11 2006-07-18 International Business Machines Corporation Method and system for managing multi—paned windowed environments
US20040189710A1 (en) 2003-03-28 2004-09-30 Goulden David L. Technique for displaying a window in a computer screen
US7343567B2 (en) 2003-04-25 2008-03-11 Microsoft Corporation System and method for providing dynamic user information in an interactive display
WO2004097615A2 (en) 2003-05-01 2004-11-11 Maz Laboratory A method of displaying a document
DE202004009752U1 (de) 2003-06-20 2004-11-11 Apple Computer Inc., Cupertino Computersystem mit einer Benutzerschnittstelle, Datenträger und Signalfolge
RU2336553C2 (ru) 2003-08-21 2008-10-20 Майкрософт Корпорейшн Система и способ для обеспечения приложений, минимизированных с расширенным набором функций
US20050188174A1 (en) 2003-10-12 2005-08-25 Microsoft Corporation Extensible creation and editing of collections of objects
US7814419B2 (en) 2003-11-26 2010-10-12 Nokia Corporation Changing an orientation of a user interface via a course of motion
US7496844B2 (en) 2004-01-29 2009-02-24 Microsoft Corporation Automatically laying out dialogs and control panels depending on screen size
US9213538B1 (en) 2004-02-06 2015-12-15 Time Warner Cable Enterprises Llc Methods and apparatus for display element management in an information network
US7694233B1 (en) 2004-04-30 2010-04-06 Apple Inc. User interface presentation of information in reconfigured or overlapping containers
US7873622B1 (en) 2004-09-02 2011-01-18 A9.Com, Inc. Multi-column search results interface
US8341143B1 (en) 2004-09-02 2012-12-25 A9.Com, Inc. Multi-category searching
WO2006030002A1 (en) 2004-09-13 2006-03-23 Sony Ericsson Mobile Communications Ab Mobile device with adaptive user interface
US20060236264A1 (en) 2005-04-18 2006-10-19 Microsoft Corporation Automatic window resize behavior and optimizations
US20060248471A1 (en) 2005-04-29 2006-11-02 Microsoft Corporation System and method for providing a window management mode
US20070016875A1 (en) 2005-07-12 2007-01-18 International Business Machines Corporation Method and system for partial sizing adjacency constraint in a multi-pane window frame
US7770109B2 (en) 2005-12-16 2010-08-03 Microsoft Corporation Adaptive layout for content
US7730422B2 (en) 2006-01-25 2010-06-01 Microsoft Corporation Smart icon placement across desktop size changes
US8381127B2 (en) 2006-02-02 2013-02-19 Scenera Technologies, Llc Methods, systems, and computer program products for displaying windows on a graphical user interface based on relative priorities associated with the windows
US8635553B2 (en) 2006-02-16 2014-01-21 Adobe Systems Incorporated Auto adjustable pane view
EP1847924A1 (en) 2006-04-20 2007-10-24 International Business Machines Corporation Optimal display of multiple windows within a computer display
US7831586B2 (en) 2006-06-09 2010-11-09 Ebay Inc. System and method for application programming interfaces for keyword extraction and contextual advertisement generation
US20140033118A1 (en) 2006-06-21 2014-01-30 Adobe Systems Incorporated Space management in windowed environments
WO2008010875A2 (en) 2006-07-17 2008-01-24 Wayv Corporation Systems, methods, and computer program products for the creation, monetization, distribution, and consumption of metacontent
US8464177B2 (en) 2006-07-26 2013-06-11 Roy Ben-Yoseph Window resizing in a graphical user interface
US8527907B2 (en) 2006-07-31 2013-09-03 Adobe Systems Incorporated Screen relayout
US7692658B2 (en) 2006-11-17 2010-04-06 Microsoft Corporation Model for layout animations
US8191003B2 (en) 2007-02-14 2012-05-29 International Business Machines Corporation Managing transparent windows
US20080204417A1 (en) 2007-02-27 2008-08-28 Pierce Paul M Multimodal Adaptive User Interface for a Portable Electronic Device
US8732611B2 (en) 2007-09-04 2014-05-20 Apple Inc. Graphical user interface for mobile electronic device
US8490014B2 (en) 2007-11-07 2013-07-16 International Business Machines Corporation Method and system for controlling the arrangements of windows on a display
US8484574B2 (en) 2007-12-06 2013-07-09 Microsoft Corporation Rule-based multi-pane toolbar display
US7831579B2 (en) 2007-12-28 2010-11-09 Microsoft Corporation Adaptive page layout utilizing block-level elements
US8712035B2 (en) 2008-01-31 2014-04-29 Hewlett-Packard Development Company, L.P. Online data conversion technique using a sliding window
US8356258B2 (en) 2008-02-01 2013-01-15 Microsoft Corporation Arranging display areas utilizing enhanced window states
US9280255B2 (en) 2008-05-28 2016-03-08 Qualcomm Incorporated Structured displaying of visual elements
US8451191B2 (en) 2008-07-22 2013-05-28 Canon Kabushiki Kaisha Display system, display method, information processing apparatus, and computer-readable storage medium
US8705119B2 (en) 2008-08-19 2014-04-22 Xerox Corporation Applications, systems and methods for identifying and monitoring critical colors in customer print jobs
EP2175343A1 (en) 2008-10-08 2010-04-14 Research in Motion Limited A method and handheld electronic device having a graphical user interface which arranges icons dynamically
US8302026B2 (en) 2008-11-28 2012-10-30 Microsoft Corporation Multi-panel user interface
US8736561B2 (en) 2010-01-06 2014-05-27 Apple Inc. Device, method, and graphical user interface with content display modes and display rotation heuristics
WO2011112533A1 (en) 2010-03-08 2011-09-15 Stereotaxis, Inc. Method for managing non-overlapping windows
AU2011232575B2 (en) 2010-03-22 2013-02-07 Google Llc Systems and methods for displaying fixed-scale content on mobile devices
US8413045B2 (en) 2010-04-12 2013-04-02 Google Inc. Rich browser-based word processor
US9310990B2 (en) 2010-04-26 2016-04-12 Blackberry Limited Portable electronic device and method of controlling same
WO2012044713A1 (en) 2010-10-01 2012-04-05 Imerj LLC Drag/flick gestures in user interface
US20120096344A1 (en) 2010-10-19 2012-04-19 Google Inc. Rendering or resizing of text and images for display on mobile / small screen devices
US9471145B2 (en) 2011-01-06 2016-10-18 Blackberry Limited Electronic device and method of displaying information in response to a gesture
US9361132B2 (en) 2011-02-08 2016-06-07 Qualcomm Incorporated System and method for providing application-based user interface features on a computing device
US8707199B2 (en) 2011-02-18 2014-04-22 Blackberry Limited Quick text entry on a portable electronic device
US8904305B2 (en) 2011-03-11 2014-12-02 Google Inc. Automatically hiding controls
WO2012153290A1 (en) 2011-05-10 2012-11-15 Nds Limited Adaptive presentation of content
US20140040819A1 (en) 2011-09-09 2014-02-06 Adobe Systems Incorporated Methods and systems for managing the presentation of windows on a display device
US10248439B2 (en) * 2011-11-10 2019-04-02 Microsoft Technology Licensing, Llc Format object task pane
US20130132885A1 (en) 2011-11-17 2013-05-23 Lenovo (Singapore) Pte. Ltd. Systems and methods for using touch input to move objects to an external display and interact with objects on an external display
US8918712B2 (en) 2011-12-13 2014-12-23 Fmr Llc Dynamically generating a mobile application
JP5879536B2 (ja) 2012-01-18 2016-03-08 パナソニックIpマネジメント株式会社 表示装置および表示方法
US9026928B2 (en) 2012-06-06 2015-05-05 Apple Inc. Graphical user interface layout
US9223591B2 (en) 2012-08-30 2015-12-29 International Business Machines Corporation Sizing a pane of a window presented on a display
US9921711B2 (en) 2013-03-14 2018-03-20 Samsung Electronics Co., Ltd. Automatically expanding panes
US9513783B1 (en) 2014-03-17 2016-12-06 Amazon Technologies, Inc. Determining available screen area
US10402034B2 (en) 2014-04-02 2019-09-03 Microsoft Technology Licensing, Llc Adaptive user interface pane manager
US9800711B2 (en) * 2014-07-24 2017-10-24 Blackberry Limited System, method and device-readable medium for communication event interaction within a unified event view
US10042655B2 (en) 2015-01-21 2018-08-07 Microsoft Technology Licensing, Llc. Adaptable user interface display

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100229110A1 (en) * 2000-06-21 2010-09-09 Microsoft Corporation Task Sensitive Methods and Systems for Displaying Command Sets
US20040268212A1 (en) * 2003-06-12 2004-12-30 Malik Dale W Generating documents using electronically-captured signatures
US20080094368A1 (en) * 2006-09-06 2008-04-24 Bas Ording Portable Electronic Device, Method, And Graphical User Interface For Displaying Structured Electronic Documents
WO2010033828A1 (en) * 2008-09-18 2010-03-25 Pictela, Inc. Self-replicating rich media interface
CN103917946A (zh) * 2012-10-10 2014-07-09 Sk普兰尼特有限公司 显示高速滚动内容和滚动条的方法和系统
CN104035658A (zh) * 2013-03-08 2014-09-10 卡西欧计算机株式会社 显示装置以及显示方法

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108280052A (zh) * 2018-02-12 2018-07-13 广州视源电子科技股份有限公司 元素显示状态的调整方法、装置、智能设备及存储介质
CN114365084A (zh) * 2019-08-21 2022-04-15 阿韦瓦软件有限责任公司 响应式布局系统和服务器

Also Published As

Publication number Publication date
EP3248091A1 (en) 2017-11-29
US20160209987A1 (en) 2016-07-21
US10209849B2 (en) 2019-02-19
WO2016118676A1 (en) 2016-07-28
US20190155456A1 (en) 2019-05-23
CN107209628B (zh) 2020-07-14

Similar Documents

Publication Publication Date Title
CN107209628A (zh) 自适应用户界面窗格对象
AU2018257944B2 (en) Three-dimensional environment authoring and generation
CN106170766B (zh) 用于显示和缩放可选控件和命令的命令用户界面
CN106164856B (zh) 自适应用户交互窗格管理器
CN102981714B (zh) 用于经扩充的通信服务的动态最小化导航条
CN105378705B (zh) 智能选择引擎
CN105474614B (zh) 幻灯片设计建议的自动呈现
CN103019714B (zh) 将用于经扩充的通信服务的动态导航条对接和解除对接
US20170124055A1 (en) Decks, cards, and mobile ui
CN107077273A (zh) 小屏幕显示器的应用命令控件
CN105531699B (zh) 用于组织演示幻灯片的自动化系统
CN105378623B (zh) 插入式动态内容预览窗格
US20160132195A1 (en) Application command control for smaller screen display
US10552770B2 (en) Efficient schedule item creation
KR102102157B1 (ko) 복수 어플리케이션을 실행하는 디스플레이 장치 및 그 제어 방법
TW201537436A (zh) 對於沉浸式文件查看中之部件的使用者互動及動作驅動更新
CN104471566B (zh) 与作为应用的文档交互
CN106164857A (zh) 可缩放用户界面显示
KR20160021267A (ko) 슬라이서 스타일 필터링 사용자 인터페이스를 이용한 데이터 필터링
CN106164855A (zh) 瞬态用户界面元素
US10209864B2 (en) UI differentiation between delete and clear
CN106716327A (zh) 利用无缝转换的阅读和编辑的合并体验
CN105518604A (zh) 对套索选择的反馈
US20170075534A1 (en) Method of presenting content to the user
CN106170765A (zh) 用于内容插入和修改的渐进式功能访问

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant