CN106605198A - 基于组的用户界面重排 - Google Patents

基于组的用户界面重排 Download PDF

Info

Publication number
CN106605198A
CN106605198A CN201580043696.9A CN201580043696A CN106605198A CN 106605198 A CN106605198 A CN 106605198A CN 201580043696 A CN201580043696 A CN 201580043696A CN 106605198 A CN106605198 A CN 106605198A
Authority
CN
China
Prior art keywords
group
user interface
display device
rearrangement
display
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.)
Withdrawn
Application number
CN201580043696.9A
Other languages
English (en)
Other versions
CN106605198A8 (zh
Inventor
P.辛加尔
J.G.阿诺
C.M.雷科维奇
J.C.怀托克
J.P.阿伦森
P.J.克雷斯德
A.A.图森
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 CN106605198A publication Critical patent/CN106605198A/zh
Publication of CN106605198A8 publication Critical patent/CN106605198A8/zh
Withdrawn legal-status Critical Current

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/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/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/04817Interaction 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 using icons
    • 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/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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

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)
  • Controls And Circuits For Display Device (AREA)
  • Input From Keyboards Or The Like (AREA)

Abstract

描述了基于组的用户界面重排技术。在一个或多个实施例中,显示管理器模块被配置为,输出用户界面以用于经由显示设备进行显示。所述用户界面被配置为,将图形的排列呈现成组,所述组中的所述图形可视地表示底层内容项并且使能进行对底层内容项的可选择的访问。所述显示管理器模块被配置为,检测指示所述显示设备的旋转的输入。所述显示管理器模块可以还检测其它显示‑改变事件,诸如改变用于输出所述用户界面的显示设备。响应于对这样的事件的检测,所述显示管理器模块确定与所述特定的事件相对应的所述图形的重排。

Description

基于组的用户界面重排
背景技术
计算设备已被发展为增加通过其使计算功能对用户可用的设置。例如移动电话已从仅具有基本电话功能演进为具有运行应用的能力。平板型计算设备也已被发展为在移动设置中为用户提供对计算功能的增加的访问。作为示例,移动电话和平板型设备可以使用户能够通过多种移动设置检查电子邮件、网上冲浪、创作文本、与应用交互等。移动电话和平板型设备两者被配置为在交互期间被用户握持。
由于用户握持这些移动设备,所以用户可以是能够在交互期间轻易地改变移动设备的朝向的。例如,用户可以对于某些交互垂直地以及对于其它交互水平地握持移动设备。移动设备还可以支持允许用户调整用户界面窗口的大小例如以使得更多窗口可以经由用户界面被查看或者使得特定的窗口可以相对于显示器被放大的功能。因此,许多移动设备已被配置为,调整被显示在其上的用户界面以与移动设备的当前朝向和由用户执行的影响用户界面的显示的行动相对应。然而,用于调整用户界面的常规技术可以适用于用户界面的有限的配置(例如,分页的配置)。进一步地,对于通过某些方式被配置的用户界面,常规技术可能扰乱被显示在用户界面上的图形项的排列。例如,可以以一种方式重排图形项,考虑到之前的排列,所述方式对于用户不是直观的。因此,使用常规技术对这样的用户界面的调整可以导致用户困惑。
发明内容
描述了基于组的用户界面重排技术。在一个或多个实施例中,可经由计算设备的处理系统执行的显示管理器模块被配置为,输出用户界面以用于经由显示设备进行显示。所述用户界面被配置为,呈现可视地表示底层内容项并且使能进行对底层内容项的可选择的访问的图形的排列。例如,用户界面可以将图形的排列呈现成具有预定义大小约束的(例如,用于限制每个组的宽度的)组。可以不考虑显示设备的朝向而将预定义大小约束强加于所述组。
在一个或多个实施例中,显示管理器模块被配置为,检测指示显示设备的旋转的输入。显示管理器模块还可以检测诸如是改变用于输出用户界面的显示设备的其它显示-改变事件。响应于对这样的事件的检测,显示管理器模块可以确定与特定的事件相对应的图形的重排。例如,在指示显示设备的旋转的输入被检测时,显示管理器模块可以确定重排,所述重排被配置为,维持所述组,并且重新定位包含在所述组内的图形以与旋转相对应。
所述重排还可以被配置为,重新定位包含在所述组内的图形,以使得将特定的组的图形呈现成与所述排列中的图案相同的图案。然而,相对于另一个组的图形,所述特定的组的所述图形可以具有与所述排列中的对齐不同的对齐。在一个或多个实施例中,所述重排可以作为代替被配置为,维持包含在特定的组内的图形相对于包含在另一个组内的图形的朝向。在这种情况下,所述重排可以还被配置为,重新定位所述图形的被可视地表示的底层内容以与所检测的显示-改变事件相对应。
提供本摘要以便以简化形式介绍下面在详细描述内容中进一步描述的概念的选择。本摘要不旨在标识所要求权利的主题的关键特征或者实质特征,其也不旨在被用作在确定所要求权利的主题的范围时的辅助。
附图说明
参考附图描述了详细描述。在附图中,标号的最左(一个或者多个)数字标识该标号在其中第一次出现的图。在描述和附图中的不同实例中使用相同的标号可以指示相似或者相同的项。附图中所表示的实体可以指示一个或多个实体,并且因此,在讨论中可以可互换地作出对单数或者复数形式的实体的引用。
图1是对一个示例实现中的环境的说明,所述示例实现可运转为使用本文中描述的技术。
图2是对一个示例实现的说明,所述示例实现示出了显示设备的朝向的改变和被呈现在用户界面中的图形的对应的重排。
图3是对一个示例实现的说明,所述示例实现示出了显示设备的朝向的改变和被呈现在具有与图2的用户界面不同的排列约束的用户界面中的图形的对应的重排。
图4是对一个示例实现的说明,所述示例实现示出了显示设备的朝向的改变和与参考图3描述的重排不同的图形的对应的重排。
图5是对一个示例实现的说明,所述示例实现示出了用户界面被输出到其的显示设备的改变和被呈现在用户界面中的图形的对应的重排。
图6是描绘一个示例实现中的过程的流程图,在所述过程中,根据一种技术重排用户界面的图形。
图7是描绘一个示例实现中的过程的流程图,在所述过程中,根据另一种技术重排用户界面的图形。
图8是描绘一个示例实现中的过程的流程图,在所述过程中,根据除图6和7中的技术之外的另一种技术重排用户界面的图形。
图9说明了包括根据一个或多个实施例的示例设备的各种部件的一个示例系统。
具体实施方式
概述
可以以多种方式将用户界面配置为呈现可视地表示底层内容项并且使能进行对底层内容项的可选择的访问的图形。例如,用户界面可以被配置为具有多页的图形(例如,图标、图块等),每页具有相同数量的用于将大致上相同大小的图形定位在其中的位置。这样的用户界面可以被称为“分页的”用户界面。替换地,用户界面可以被配置为单页的图形,所述单页似乎延伸得超过用户界面经由其被显示的显示设备的边界。查看窗格(被定位在用户界面的一部分中的图形可通过该查看窗格一次查看)可以使用户能够滚动通过用户界面,以查看被定位在其它部分中的图形。这种类型的用户界面可以被称为“连续滚动的”用户界面。
不考虑配置,用户界面被调整以适应对显示设备的改变(例如,设备的旋转或者向不同设备上的显示器的切换)所通过的方式可以影响其可用性。考虑其中显示设备的旋转促使用户界面的图形以对于用户不即刻直观的方式被调整的一个示例。在这样的调整之后,用户可能花费比如果图形已经以对于用户直观的方式被重排时更多的时间定位特定的感兴趣的图形。尽管用于调整用户界面的常规技术可能是适用于一些用户界面配置(例如,分页的配置)的,但这样的技术可能不是适用于其它的配置(例如,连续滚动的配置、其中在用户定制的组中排列图形的配置、允许可变大小的图形的配置等)的。进一步地,常规技术可能简单地未能以直观的方式调整被排列在用户界面上的图形以适应对显示设备的改变。
描述了基于组的用户界面重排技术。所述技术可以包括对以直观的方式重排充当文件系统的根层(例如,开始屏幕)内的中介的图形表示(例如,图块)的支持。例如,根层可以包括用户可以排列成组的开始菜单内的诸如是应用的图块的图形表示。
在对用户界面经由其被输出的显示设备的改变被检测时,本文中描述的技术可以以不仅与所述改变相对应而还保留用户定制的组的方式重排图形表示(“图形”)。
考虑其中连续滚动的用户界面的图形被实现为图块并且其中用户可以将图块排列成组的一个示例。在这个特定的示例中,组的预定义大小限制可以约束每个组的宽度而不约束高度。给定这样的限制,则用户可以将特定的组中的图块排列为在水平方向上远到宽度限制地以及在垂直方向上无限地延伸。
在以这种方式被配置的用户界面经由在风景朝向上被握持的显示设备被输出时,宽度约束可以使多个组的图形能够被并排地显示。然而,在朝向然后被改变以使得显示设备在人像朝向上被握持时,在风景朝向上被并排地显示的相同的组可能不能够在人像朝向上适合并排地放置。通过使用本文中描述的技术,曾被放置在另一个组的一侧但不再适合与该另一个组并排地放置在显示器中的组可以被重新定位在它下面。换句话说,曾被并排地定位的组可以被重排,以使得它们作为代替是彼此堆叠的。
考虑其中用户界面的图形可以被排列成组但其中预定义大小约束限制每个组的宽度和高度两者的不同的示例。预定义大小约束可以将图形的组限于例如是正方形的。在这个示例中,可能两个这样的组(例如,第一组和第二组)可以在显示设备的风景朝向上适合并排地放置,以使得第一组被放置在显示器的左侧,并且第二组被放置在显示器的右侧。在显示设备的朝向在顺时针方向上被旋转九十度到达人像朝向时,并且在任何重排被执行之前,第一组被放置在显示器的顶部,并且第二组被放置在底部。尽管如此,全部两个组仍然适合放置在显示器中。为对任何经由图形被显示的文本和图像进行重新取向,每个组可以围绕在与显示设备的显示表面大致上垂直的方向上贯穿该组的中心的轴在逆时针方向上被旋转九十度。
通过使用本文中描述的技术,可以针对如在不同的示例中被配置的用户界面以其它方式排列图形。例如,显示设备的朝向可以从风景朝向在顺时针方向上被旋转九十度到达人像朝向。相应地,在任何重排被执行之前,第一组被放置在显示器的顶部,并且第二组被放置在底部,并且全部两个组仍然适合放置在显示器中。取代将每个组旋转九十度,本文中描述的技术可以将每个组中的内容在逆时针方向上旋转九十度。对于非正方形的图形,内容可以被调整大小和/或裁剪以适合放置在其中。
本文中描述的基于组的用户界面重排技术也可以在除显示设备的旋转之外的显示-改变事件被检测时被应用。例如,这些技术支持在检测到用户界面将被输出到不同的显示设备(例如,投影仪)或者显示设备的显示分辨率将被改变时的对用户界面的重排。
在下面的讨论中,首先描述了可以使用本文中描述的技术的一个示例环境。然后描述了可以在示例环境以及其它环境中被执行的示例过程。因此,示例过程的执行不限于示例环境,并且示例环境不限于执行示例过程。
示例环境
图1是对一个示例实现中的环境100的说明,所述示例实现可运转为使用本文中描述的基于组的用户界面重排技术。所说明的环境100包括经由网络106通信地耦合的web服务102和计算设备104。web服务102和计算设备104可以由范围广泛的计算设备实现。
例如,计算设备可以被配置为诸如是台式计算机、移动站、娱乐电器、通信地耦合到显示设备的机顶盒、移动通信设备、游戏控制台、板型计算机(例如,如针对计算设备104所说明的平板型设备)等的能够通过网络106进行通信的计算机。因此,计算设备可以是范围从具有大量存储器和处理器资源的全资源设备(例如,个人计算机、游戏控制台)到具有有限的存储器和/或处理资源的低资源设备(例如,传统的机顶盒、手持型游戏控制台)的。额外地,计算设备可以表示多个不同的设备,所述多个不同的设备诸如是被公司用于执行操作的多个服务器、遥控器和机顶盒组合、图像捕获设备和被配置为捕获手势的游戏控制台等。
尽管网络106被说明为互联网,但该网络可以假设多种配置。例如,网络106可以包括广域网(WAN)、局域网(LAN)、无线网络、公共电话网、内联网等。进一步地,尽管示出了单一的网络106,但网络106可以被配置为包括多个网络。
计算设备104被进一步说明为包括操作系统108。操作系统108被配置为,对可在计算设备104上执行的应用110抽象计算设备104的底层功能。例如,操作系统108可以对计算设备104的处理、存储器、网络和/或显示功能进行抽象,以使得可以编写应用110而不知道这个底层功能“如何”被实现。例如,应用110可以将数据提供给操作系统108以便被显示设备112渲染和显示,而不理解这个渲染将如何被执行。
操作系统108还可以表示多种其它功能,所述多种其它功能诸如是用于管理文件系统和可以被计算设备104的用户浏览的用户界面的。这样的一个示例被说明为被显示在计算设备104的显示设备112上的应用启动器(例如,开始屏幕)。开始屏幕包括图形表示(“图形”),所述图形表示是可选择以便提供对诸如是多个应用110的底层内容项的访问的。图形可以被实现为可以被显示在表示应用的图形(图标、图块等)的行和/或列的矩阵或者网格中的图标、图块、文本描述等。开始屏幕可以被认为是分层的文件结构的根层,例如,其它层中的每个层在分层中位于根层的“下面”。所说明的示例中示出的图形中的至少一些图形是可选择以便启动应用110中的对应的一个应用以用于在计算设备104上执行的。这样,用户可以迅速地导航通过文件结构和发起对感兴趣的应用的执行。
在一个或多个实施例中,被配置为定期地进行更新的内容可以作为针对应用的图形的部分被显示。被显示在图形上的内容例如可以以预定的间隔和/或响应于更新事件(例如,突发新闻)被更新。由于这个更新,经由图形而被显示的内容可以被称为“实况内容”。
实况内容114表示经由图形而被显示并且被配置为将被更新的内容。例如,图形116可以表示日历应用。图形116被说明为包括指示当前一天的时间表的内容,所述内容例如是针对“周二,31日”的“8:00 工作,12:00 主考官面试和8:00 晚餐@Syringa”。同样地,针对电子邮件应用的图形118指示未读电子邮件消息的当前数量是“9”。经由图形而被显示的实况内容114可以基于从web服务102接收的内容更新被更新。web服务102被说明为包括内容资源120,内容资源120表示可以被递送给计算设备104并且被配置为用于填充图形的实况内容114的内容。作为示例,web服务102可以提供社交网络服务,并且内容资源120可以是针对社交网络的用户的更新。诸如是属于与计算设备104相关联的用户的更新的来自内容资源120的数据可以被递送给计算设备,并且被配置为实况内容114。在社交网络更新被接收时,对应的实况内容114可以被呈现在与社交网络服务相对应的图形上(未示出)。
这样,用户可以轻松地查看与应用110相关的信息而不必启动和导航通过应用中的每个应用。尽管示出了特定的应用的图形,但还设想了其它的应用的图形,所述其它的应用的图形诸如是引用用户对服务的参与(例如是社交网络服务中的用户的好友)的应用的图形。另一个图形可以用于允许用户向应用提供有限的输入和/或允许诸如是打电话、回复文本、发布状态、播放视频或者歌曲等的应用特征的有限的功能。根层模式处的另一个应用图形可以包括诸如是计算器、Sudoku游戏、视频播放器的更大根模式显示内的应用的全功能实现。
操作系统108还被说明为包括显示管理器模块122(“显示管理器122”)。显示管理器122表示如下这样的功能,即,用于响应于诸如是显示设备112的旋转、对显示设备112的显示分辨率的改变或者用于在不同的显示设备上输出用户界面的改变(未示出)等的显示-改变事件,管理对作为经由显示设备被输出的用户界面的部分被包括的图形(例如,图标、图块等)的重排。
显示管理器122还可以表示用于管理对经由用户界面被呈现的图形的排列的定制的功能。作为这样做的一部分,显示管理器122可以对允许用户对排列作出的定制强加约束。例如,显示管理器122可以指定图形将在组中被排列,以使得每个图形被包含在为对应的组指定的用户界面的区域内。对于每个这样的组,显示管理器122可以强加例如用于限制每个组的宽度或者高度的预定义大小约束。作为示例,显示管理器122可以基于显示设备112的最小尺寸约束每个组的高度和宽度。经由这样对组进行约束,显示管理器112可以确保一行组当在风景朝向上被定位时可以适合放置在显示器上,或者一列组当在人像朝向上被定位时可以适合放置在显示器上。
显示管理器122还可以对排列和各个组强加其它的约束。例如,对于包括被配置为图块的图形的用户界面,显示管理器122可以约束用户遵循网格排列的对图块的定制(例如,对图块的定位或者重新定位、对图块的大小确定或者大小调整等)。作为示例而非限制,显示管理器122还可以约束用户界面具有预定义数量的组,约束组中的每个组具有预定义数量的图形,指定组之间的间隔,指定可以在用户界面上将图形放置在其处的特定的位置,约束每个图形的大小,等等。
另外,显示管理器122可以对与用户界面的显示相关联的用户界面的功能强加约束。例如,对于连续滚动的用户界面,例如在显示设备112被定位在人像朝向上并且图形被排列成列时,显示管理器122可以使用户能够在垂直方向上横跨用户界面地连续滚动,但禁止水平方向上的滚动。替换地,例如在显示设备112被定位在风景朝向上并且图形被排列成行时,显示管理器122可以使用户能够在水平方向上横跨用户界面地连续滚动,但禁止垂直方向上的滚动。在某些实施例中,显示管理器122可以使用户能够在水平和垂直方向两者上横跨用户界面地连续滚动,直到到达例如在超过其处不再存在任何图形的用户界面的边界为止。对于分页的用户界面,显示管理器122简单地可以不允许滚动。作为代替,显示管理器122可以使用户能够从用户界面的一个页切换到另一个页。
显示管理器122还表示用于确定图形和组的优先级的功能。显示管理器122至少部分上基于用户将图形或者组定位在用户界面内的何处来这样做。例如,在特定的组内,显示管理器122可以确定被定位在组的左上部的图形具有最高优先级以及被定位在组的右下部的图形具有最低的优先级。
作为示例,显示管理器122可以放射状地为组中的图形指派优先级。为这样做,显示管理器122可以为被定位在以组的左上角为中心的第一半径内的图形指派最高优先级。显示管理器122可以为被定位在第二半径(大于第一半径)内的图形指派紧接的最高优先级、为被定位在第三半径(大于第二半径)内的图形指派第三最高优先级等。应当认识到,可以使用比在前面的示例中讨论的三个更多或者更少的半径为图形放射状地指派优先级。还应当认识到,可以使用以组的不同的位置(例如,以组的经确定的中心)为中心的半径为组的图形放射状地指派优先级。
显示管理器122可以以与特定组内的图形相似的方式为组指派优先级。例如,显示管理器122可以确定被定位在用户界面的左上部的组具有最高优先级以及被定位在右下部的组具有最低的优先级。与对于图形一样,显示管理器122可以放射状地这样做。作为示例,显示管理器122可以为被定位在以用户界面的左上角为中心的第一半径内的一个或多个组指派最高优先级、为被定位在第二半径(大于第一半径)内的组指派紧接的最高优先级等。替换地,可以使用以用户界面的某个其它位置(例如,它的经确定的中心)为中心的半径为组放射状地指派优先级。
也可以以其它方式确定图形和组的优先级,而不脱离本文中描述的技术的精神和范围。例如,可以基于使用确定优先级。被更经常地选择以访问底层内容(例如,应用)或者被更经常地交互的图形(例如,当图形其自身提供功能时)可以被确定为具有比那些被更不经常地访问或者交互的图形高的优先级。巧合地,具有最多访问或者交互的应用的组可以被确定为具有比具有更少访问和交互的应用的组高的优先级。
返回对于显示管理器122响应于对显示-改变事件的检测重排用户界面的图形的能力的讨论。显示管理器122可以为与所检测的显示-改变事件相对应和基于任何排列约束、排列框架和/或图形的经确定的优先级来重排用户界面的图形。其它准则可以被显示管理器122考虑以重排图形,而不脱离本文中描述的技术的范围。
图2描绘了一个实现,所述实现在200处示出了其中图1的显示设备112的朝向被改变并且对包括在用户界面中的图形的对应的重排被执行的一个示例。在200处所说明的示例在202处描绘了初始处在风景朝向上的图1的计算设备104。图2还在204处描绘了使它的朝向被改变为人像朝向(例如,经由将计算设备从202处所描绘的朝向开始顺时针地旋转九十度)但是在图形被重排之前的图1的计算设备104。在206处,计算设备104被描绘为具有已根据一个或多个实施例被重排的图形。
应当认识到,可以在除向不同朝向的完整九十度旋转之后之外的时间处执行对图形的重排。作为示例而非限制,可以在检测到计算设备104被向不同朝向旋转至少阈值量(例如,三十度或者四十五度)时重排图形。替换地或者另外,可以响应于对如由计算设备的加速度计或者其它设备测量的旋转的迅速改变的检测重排图形。还应当认识到,执行对图形的重排不限于所说明的计算设备的顺时针旋转。也可以例如当计算设备在逆时针方向上被旋转时重排图形。
参考202处所描绘的风景朝向,描绘了呈现图形的第一组208和第二组210的部分的经由显示设备112输出的用户界面。被呈现在显示设备112上的用户界面的部分可以被认为是可通过查看窗格查看的部分。经由滚动查看窗格(例如,响应于滚动导航输入),用户界面的其它部分可以是可通过查看窗格查看的。
作为示例,可通过查看窗格查看(并且因此经由显示设备呈现)的第一组208和第二组210的部分包括比图形212、214、216、218的整体少的内容。这些图形212、214、216、218延伸超过可通过查看窗格查看的用户界面的部分。然而,响应于用于在向下的方向上滚动的导航输入,查看窗格可以被移位为显示图形212、214、216、218的未被显示的部分。在图2中也描绘了未被显示的图形220、222、224,并且也可以响应于用于在向下的方向上滚动查看窗格的导航输入使其成为可查看的。但是,为显示未被显示的图形220、222、224,用户可能不得不向下滚动得比显示图形212、214、216、218的未被显示的部分所需要的距离更远。
图2中的图形的重排还表示其中显示管理器122对图形排列强加预定义大小约束的场景。具体地说,图2表示其中显示管理器122约束组的宽度但不约束组的高度的场景。显示管理器122可以不考虑显示设备112的朝向而强加这样的约束。例如,在图2中,对于被定位在风景朝向(例如,如在202处那样)和人像朝向(例如,如在206处那样)两者上的显示设备112,将组宽度约束应用于图形的排列。尽管204处所描绘的图形的排列可以不遵守宽度约束,但用户界面可以这样被显示,恰好直到显示管理器122检测朝向的改变(例如,改变为人像)并且促使图形被重排和渲染为止。
为表示约束组的宽度但不约束组的高度的这些约束,描绘了各自具有大致上相同的宽度但具有不同的高度的第一组208和第二组210,例如,第二组210具有组成额外的一行图形的未被显示的图形220、222、224。宽度约束可以约束用户将组的图形(或者显示管理器122在重排图形时)排列成在其中被排列的图形不跨越比由约束定义的水平距离大的水平距离的图案。尽管图2中所描绘的组不受高度约束的约束,但可以在一个或多个实施例中以与宽度约束类似的方式强加高度约束。换句话说,高度约束可以约束用户将组的图形(或者显示管理器122在重排图形时)排列成在其中被排列的图形不跨越比由约束定义的垂直距离大的垂直距离的图案。不考虑图形是被用户排列还是被显示管理器122重排,预定义宽度和高度约束支配组的图形将被包含在其内的界限。
给定图2中所表示的排列约束,显示管理器122可以在检测到从风景朝向向人像朝向的切换时以下面的方式重排用户界面的图形。由于其在202处的风景朝向中作为最左的组的定位,第一组208可以被确定为最高优先级组。第二组210由于其被定位得紧接着最高优先级组,所以可以是具有紧接的最高优先级的组。如果第三组在202处的风景朝向中被排列在第一组208的正下方,则该第三组可以被确定为具有比第二组210高的优先级,但这样的确定将取决于优先级如何被确定。尽管如此,假设第一组208具有最高优先级并且第二组210具有紧接的最高优先级,则显示管理器122可以如206处那样重排图形,以使得第一组208被重新定位在用户界面的顶部(例如,因为它具有最高优先级),并且第二组210被定位在第一组208的正下方。在206处,每个组的图形也已被从204处所呈现的方式起在逆时针方向上旋转九十度。
给定这个情况和第二组210的向下的移位,则第一组208的整体可以作为诸如206处的重排的结果被呈现。应当指出,具体地说,曾在与202处的风景朝向相对应的排列中刚好被部分地显示的图形212、214在与206处所描绘的人像朝向相对应的重排中被完整地显示。相反,第二组210的图形的更小的部分在206处被显示。具体地说,考虑在202处几乎完全在屏幕上的图形216、218,但在206处是几乎完全离开屏幕的。
经由如图2中描绘那样对图形进行重新定位,产生的重排可以是对用户来说直观的。用户专门定位在特定的用户界面排列的左上部的图形也可以被定位在由显示管理器122确定的重排的左上部。如参考确定优先级所讨论的,可能最高优先级图形被定位在例如是中心的除左上部之外的用户界面的位置处。相应地,图形可以被显示管理器122重排,以使得最高优先级图形和组在重排中仍然位于与所述排列中的位置大致上相同的位置处。
在一个或多个实施例中,显示管理器122可以跟踪在用于定制图形的排列的用户输入最后被接收时显示设备112被定位在其处的朝向(例如,风景或者人像)。例如,如果在用于排列(例如,重新定位或者调整大小)用户界面的图形的用户输入最后被接收时显示设备112被定位在风景朝向上,则可以维持对此进行指示的信息。因此,在显示设备112被从人像旋转到风景时并非确定重排,显示管理器122可以简单地恢复针对将被显示的风景朝向的图标的用户定制的排列。
类似地,如果在用于排列用户界面的图形的用户输入最后被接收时显示设备被定位在人像朝向上,则可以维持对此进行指示的信息。在这种情况下,在显示设备被从风景旋转到人像时并非确定重排,显示管理器122可以简单地恢复针对将被显示的人像朝向的图标的用户定制的排列。为呈现用户定制的排列,可以在计算设备104处维持指示该排列的信息。
通过类似的方式,用户可以提供输入,该输入指示每当显示设备112被定位到特定的朝向时恢复图形的特定的排列。显示管理器122可以促使指示特定的排列的信息被维持计算设备104处,并且促使该特定的排列在显示设备112被定位到特定的朝向上时被恢复。替换地或者另外,显示管理器122可以跟踪朝向改变之前的经由显示设备112可见的组。在执行图形的重排时,显示管理器122可以使用该信息来重排图形,以使得在朝向改变之前是可见的组在朝向改变之后仍然是在显示设备112上可见的。
尽管图2说明了针对从202处的风景朝向向206处的人像朝向的旋转的图形的重排,但应当认识到,显示管理器122还可以确定从206处的人像朝向到202处的风景朝向的图形的重排。作为示例,显示管理器122可以促使曾如206处所描绘那样被排列在用户界面上的图形被重排成如202处所描绘的图案。
图2只是可以被强加于用户界面排列和功能的约束的一个示例。显示管理器122可以被配置为,对图形的排列和对功能强加不同的约束,而不脱离本文中描述的技术的范围。作为示例而非限制,预定义宽度约束可以允许三个而非仅仅两个组在风景朝向上被并排地呈现,预定义宽度约束可以允许多个而非仅仅一个组在人像朝向上被并排地呈现,预定义大小约束可以限制组高度而不限制宽度以使得多个组可以在人像朝向上被自顶向下地呈现,并且使用户能够水平地滚动以查看组的未被显示的部分,等等。
图3描绘了一个实现,所述实现在300处示出了其中图1的显示设备112的朝向被改变并且包括在用户界面中的图形的对应的重排被执行的一个示例。然而,图3表示其中不同的约束被强加于组的排列的场景。
具体地说,图3表示其中宽度和高度两者受由显示管理器122强加的预定义大小约束的约束的场景。在300处所说明的示例中,组的宽度和高度是大致上相等的。然而,在使能进行垂直和水平的横跨用户界面的滚动两者时,可以根据本文中描述的技术以其它方式(例如,使得宽度和高度不是大致上相等的)约束组的宽度和高度。300处所说明的示例描绘了初始在302处被定位在风景朝向上的计算设备104。在304处,计算设备104被描绘为已使它的朝向改变为人像朝向(例如,经由九十度顺时针旋转)但还处在图形被重排之前。在306处,计算设备104被描绘为具有已根据一个或多个实施例被重排的图形。
参考302处所描绘的风景朝向,描绘了呈现图形的第一组308和第二组310的经由显示设备112被输出的用户界面。由这个场景表示的预定义高度和宽度约束可以促使第一组308和第二组310是大致上正方形的。因此,第一组308和第二组310的整体可以是可在风景朝向(例如,如302处那样)和人像朝向(例如,如306处那样)两者上查看的。
从302处所描绘的风景朝向起,可以在顺时针方向上将显示设备112旋转九十度以暂时地促使用户界面如304处那样被显示。对于人像朝向可以这样显示用户界面,刚好直到显示管理器122检测朝向的改变并且促使图形被重排和渲染为止。作为示例,显示管理器122可以通过以下方式确定重排图形,即:经由作为一个组使每个组围绕在大致上垂直于显示设备112的显示表面的方向上贯穿该组的中心的轴逆时针旋转九十度。对于其中组的宽度和高度不是大致上相等的实施例,显示管理器122可以确定将围绕其对组进行旋转的轴,并且经由作为一个组使每个组围绕各自的所确定的轴旋转来重排图形。进一步地,显示管理器122可以重新定位组,以使得一个组的图形不与另一个组的那些图形重叠。
由于重排,在306处,第一组308被堆叠在第二组310之上,而非被并排地对齐。换句话说,重排将组旋转为相对于排列中的组的对齐的不同的关于彼此的对齐。在所说明的示例中,已将组的彼此之间的对齐从并排的对齐改变为自顶向下的对齐。
组被堆叠所按照的次序可以是基于组的优先级划分的。作为示例,具有最高优先级的组可以被排列在组的堆叠的顶部,具有第二最高优先级的组被排列在最高优先级组之下,等等。显示管理器122可以基于已定义的算法确定组的优先级,以确定哪些组被显示得更靠近堆叠的顶部。还应当认识到,在组被并排地排列时,组被排列所按照的从左到右的次序可以是基于组的优先级划分的,以使得具有最高优先级的组被排列在用户界面的左边,具有紧接的最高优先级的组被安排在最高优先级组的右边并且紧接着最高优先级组,等等。
尽管图3中的组的组彼此之间的对齐已从并排的对齐改变为自顶向下的对齐,但包含在组内的图形的相对定位已被维持。例如,图形312在与302处所描绘的风景朝向相对应的排列和与306处所描绘的人像朝向相对应的重排两者中被定位在图形314的左边。进一步地,图形312在排列和重排两者中被定位在图形316的正上方。这样,显示管理器122重新定位图形以与显示设备112的改变相对应(例如,经由在与显示设备被旋转的方向相反的方向上的旋转),但在排列和重排中将特定的组的图形呈现成相同的图案。
尽管图3说明了针对显示设备112从302处的风景朝向向306处的人像朝向的旋转的对图形的重排,但应当认识到,显示管理器122也可以确定针对显示设备112从306处的人像朝向向302处的风景朝向的旋转的对图形的重排。作为示例,显示管理器122可以促使曾如306处所描绘那样被排列在用户界面上的图形被重排成如302处所描绘的图案。
在其中用户界面是分页的一个示例中,显示管理器122可以强加约束,以使得用户界面的每页具有相同数量的水平地和垂直地排列的图形(例如,图标)。响应于朝向改变,像上面参考图3描述的那样,显示管理器122可以被配置为,作为一个组旋转页的项以与朝向改变相对应。
图4描绘了一个实现,所述实现在400处示出了其中显示设备112的朝向被改变并且其中与图3中相同的约束被强加于组排列但其中图形被以与图3不同的方式重排的一个示例。400处所说明的示例描绘了计算设备104,其中,计算设备104初始在402处被定位在风景朝向上,已在404处使它的朝向改变为人像朝向,并且在406处具有已被重排的图形。
图4中所说明的图形的重排是与图3中所说明的图形的重排不同的(只要在图4中的图形的组没有作为一个组进行旋转和重新定位)。考虑图形408作为一个特定的示例。在404处,图形408的大小是近似一个单位高乘两个单位宽。在406处,图形408是例如是一个单位高乘两个单位宽的相同的大小。这个相同的观察适用于在404和406处在用户界面中描绘的图形中的每个图形。换句话说,在404与406之间未改变图形被排列成的图案。
作为代替,重新定位被描绘在每个图形上的内容。对于诸如是图形410的正方形图形,可以简单地将被描绘在其上的内容例如从404处所描绘的定位旋转到406处所描绘的定位以与朝向改变相对应。然而对于诸如是图形408的非正方形图形,仅旋转可能不足以使所描绘的内容适合放置在图形上。相反,显示管理器122可以重排或者替换图形的内容以与朝向改变相对应。作为示例而非限制,显示管理器122可以经由将图形的内容的部分移动到不同的位置、调整内容的裁剪、改变字体大小、排除对于之前的朝向呈现的内容中的一些内容、添加对于之前的朝向未被显示的内容、用其它内容替换内容等来这样做。
图5描绘了一个实现,所述实现在500处示出了其中用户界面经由其被输出的显示设备被改变的一个示例。进一步地,图5描绘了呈现与显示设备的改变相对应的图形的重排。所说明的示例500包括具有显示设备112的计算设备104和额外的显示设备502。
图5还表示其中额外的显示设备502被连接到计算设备104的场景。尽管说明了有线连接,但计算设备104与额外的显示设备502之间的连接504可以诸如是无线地通过其它的方式形成。连接504可以使显示管理器122能够促使用户界面被呈现在额外的显示设备502上。相应地,显示管理器122可以例如经由更新图形、使能实现向用户界面的其它部分滚动等管理经由额外的显示设备502被呈现的用户界面的显示。
在任一种情况下,用于在额外的显示设备502上显示用户界面的连接504的形成可以被显示管理器122检测。这个事件以及参考图2-4所描述的旋转可以各自被称为“显示-改变事件”。在这些事件发生时,用户界面被显示所通过的方式可以被改变,以使得其是更容易被用户理解的(如在旋转的情况下),或者使得其可以简单地经由不同的显示设备被显示。除显示设备的旋转和对不同的显示设备的改变之外的事件可以被认为是可被显示管理器122检测并且用户界面的图形响应于其被重排的“显示-改变事件”,而不脱离本文中描述的技术的精神。
500处所说明的示例表示其中额外的显示设备502具有与显示设备112的显示分辨率不同的显示分辨率的场景。因此,用户界面可能不可在额外的显示设备502上以与在显示设备112上相同的分辨率显示。为使能实现在额外的显示设备502上显示用户界面,显示管理器122可以重排图形,以使得用户界面可以以额外的显示设备的分辨率被显示。
例如,图形可以如所描绘的那样被重排,以使得一次与在显示设备112上相比更少的图形(或者图形的更小的部分)是可查看的。对于具有更大的分辨率的显示设备,显示管理器122可以重排图形,以使得一次更大数量的图形(或者用户界面的更大的部分)是可查看的。结合对确定重排,显示管理器122可以查明显示设备的显示能力,并且以那些能力作为重排的基础。显示管理器122可以以多种方式重排用户界面以适应对显示设备的改变,而不脱离本文中描述的技术。
除针对各种显示改变事件和受约束于各种预定义排列约束的用户界面确定重排之外,显示管理器122还可以被配置为确定用于从图形的排列向重排的过渡的动画。作为示例而非限制,可以被应用于过渡的动画可以包括淡入和淡出、在与显示设备被旋转的方向相反的方向上的旋转的动画、各组向用户界面上的不同定位的滑动的动画、各图形向用户界面上的不同定位的滑动的动画、内容的旋转和/或滑动的动画等。其它动画可以被应用于过渡,而不脱离本文中描述的技术的范围。
已考虑了前述的示例运转环境、设备和设备架构,现在考虑根据一个或多个实施例的一些示例过程。
示例过程
下面的讨论描述了可以使用之前描述的系统和设备来实现的基于组的用户界面重排技术。所述过程中的每个过程的方面可以用硬件、固件或者软件或者其任意组合来实现。所述过程被示为指定被一个或多个设备执行的操作的方框的集合,并且不必限于针对由各个方框执行操作所示出的次序。在下面的讨论的部分中,将参考图1-5。
图6描绘了一个示例实现中的过程600,在所述示例实现中,根据一种技术重排用户界面的图形。输出被配置为呈现图形的排列的用户界面以用于经由显示设备进行显示,其中,所述图形的排列可视地表示底层内容项并且使能进行对底层内容项的可选择的访问(方框602)。用户界面还被配置为使能实现将图形排列成具有不考虑显示设备的朝向而被强加的预定义大小约束的一个或多个组。
例如,显示管理器122可以促使图2中在202处所描绘的用户界面经由显示设备被输出。如之前描述的,该用户界面的图形被排列成至少第一组208和第二组210。进一步地,显示管理器122可以对第一组208和第二组210强加限制每个组的宽度的预定义大小约束。在显示设备112被定位在如202处所描绘的风景朝向上和如206处所描绘的人像朝向上这两者时候,第一组208和第二组210的宽度被限制。
检测指示显示设备的旋转的输入(方框604)。例如,计算设备104的传感器感应计算设备已被从202处所描绘的风景朝向旋转到204处所描绘的人像朝向。感应这个改变的传感器可以包括加速度计、陀螺仪、图像传感器(例如,照相机)等。不考虑传感器的类型,显示管理器122可以经由所述传感器中的一个或多个传感器检测指示这样的改变的输入。
响应于对输入的检测,自动地确定与旋转相对应的图形的重排(方框606)。所自动地确定的重排被配置为,维持一个或多个组并且重新定位包含在一个或多个组内的图形以与旋转相对应。
再次参考图2,显示管理器122确定206处所描绘的图形的排列。如在图2的情况下,显示管理器122可以围绕大致上贯穿该组的中心的轴在逆时针方向上将第一组208旋转九十度。显示管理器122还可以以类似的方式旋转第二组210。显示管理器122还可以重新定位组,以使得第一组208被定位在用户界面的可查看的部分的顶部,并且第二组210被定位在第一组208的正下方。可以部分上由于由显示管理器122强加的排列约束对于图2中所描绘的旋转确定这样的重排。对于显示设备112的其它旋转,显示管理器122可以例如取决于最高优先级图形将被定位在哪里、使用数据等确定与旋转相对应的其它重排。
在确定重排之后,显示管理器122促使对用户界面的渲染以经由显示设备112呈现图形的重排。
图7描绘了一个示例实现中的过程700,在所述示例实现中,根据另一种重排技术重排用户界面的图形。检测指示对查看窗格的修改的输入,其中,用户界面的一部分是可在所述查看窗格中经由用户界面被输出到其的显示设备查看的(方框702)。用户界面被配置为,将图形的排列呈现成一个或多个组,其中,每个图形可以可视地表示底层内容项并且使能进行对底层内容项的可选择的访问。
例如,显示管理器122可以诸如响应于显示设备的朝向已如304处那样被改变而检测对查看窗格的修改,通过所述查看窗格输出图3中在302处所描绘的界面的部分。被描绘为这个用户界面的部分的图形可以在被选择时允许对由图形表示的内容的访问,例如,应用及其功能。图形中的一些图形还可以允许在不被选择为“打开”底层应用的情况下对功能的访问。作为代替,功能可以是可经由用户界面层处的图形访问的。
响应于方框702处的检测输入,自动地确定与对查看窗格的修改相对应的图形的重排(方框704)。重排可以被配置为,作为组重新定位包含在组内的图形以与对查看窗格的修改相对应。重排还可以被配置为,将每个特定的组的图形呈现成图形彼此之间的与排列中的图案相同的图案。进一步地,重排可以被配置为,将组旋转成相对于排列中的组的对齐的不同的关于彼此的对齐。
例如,显示管理器122针对显示设备112从302处所描绘的朝向向304处所描绘的朝向的旋转确定306处所描绘的图形的排列。可以部分上基于例如是被强加于图3中的排列的高度和宽度约束的被强加于组的排列的预定义约束确定由显示管理器122确定的重排。306处所描绘的重排可以例如作为组经由在逆时针方向上将组旋转九十度重新定位包含在组内的图形以与显示设备112的旋转相对应。
由于每个组单个的旋转,特定的组的图形可以在重排中被呈现成图形彼此之间的与在排列中的图案相同的图案。以第一组308为例,其在302和306两者处似乎是相同的。换句话说,第一组308在302处所描绘的风景朝向和306处所描绘的人像朝向两者上具有相对于彼此相同的图案。然而,第一组308的图形在重排(例如,自顶向下的)和排列(例如,并排的)具有相对于第二组310中的图形的不同的对齐。
在确定重排之后,显示管理器122促使对用户界面的渲染,以经由显示设备呈现图形的重排。
图8描绘了一个示例实现中的过程800,在所述示例实现中,根据除图6和7中的技术之外的另一种技术排列用户界面的图形。针对用户界面经由其被输出的显示设备检测显示-改变事件(方框802)。用户界面被配置为,将图形的排列呈现成组,其中,所述组中的图形可视地表示底层内容项并且使能进行对底层内容项的可选择的访问。例如,显示管理器122检测与显示设备从402处所描绘的朝向向404处所描绘的朝向的旋转相对应显示-改变事件。
在检测显示-改变事件之后,确定与显示改变事件相对应的图形的重排(方框804)。重排被配置为,维持包含在特定的组内的图形相对于包含在另一个组内的图形的朝向。额外地,重排被配置为,重新定位图形的被可视地表示的底层内容以与显示改变事件相对应。
例如,显示管理器122确定406处所描绘的图形的重排。由显示管理器122确定的重排可以维持包含在特定的组内的图形相对于包含在其它组内的图形的朝向(例如,经由维持每个诸如是图形408的图形的朝向)。作为代替,显示管理器122将图形408内的内容从402处所描绘的朝向旋转到404、406处所描绘的朝向以与显示设备112的旋转相对应。
已考虑了前述的示例过程,现在考虑根据一个或多个实施例的一个示例系统和设备。
示例系统和设备
图9概括地说在900处说明了包括一个示例计算设备902的示例系统,示例计算设备902表示通过包括显示管理器122来说明的可以实现本文中描述的各种技术的一个或多个计算系统和/或设备。计算设备902可以例如是服务提供商的服务器、与客户端相关联的设备(例如,客户端设备)、片上系统和/或任何其它合适的计算设备或者计算系统。
如所说明的示例计算设备902包括通信地耦合到彼此的处理系统904、一个或多个计算机可读介质906和一个或多个I/O接口908。尽管未被示出,但计算设备902可以进一步包括将各种部件彼此耦合的系统总线或者其它数据和命令传输系统。系统总线可以包括诸如是存储器总线或者存储器控制器、外设总线、通用串行总线和/或使用多种总线架构中的任一种总线架构的处理器或者本地总线的不同总线结构中的任一种总线结构或者任意组合。还设想了诸如是控制和数据线路的多种其它的示例。
处理系统904表示用于使用硬件执行一个或多个操作的功能。相应地,处理系统904被说明为包括可以被配置为处理器、功能块等的硬件元件910。这可以包括用硬件实现为专用集成电路或者使用一个或多个半导体形成的其它逻辑设备。硬件元件910不受由其来形成它们的材料或者其中所使用的处理机制的限制。例如,处理器可以由(一个或者多个)半导体和/或晶体管组成(例如,电子集成电路(IC))。在这样的上下文中,处理器可执行指令可以是可电子地执行的指令。
计算机可读存储介质906被说明为包括存储器/存储装置912。存储器/存储装置912表示与一个或多个计算机可读介质相关联的存储器/存储装置容量。存储器/存储装置部件912可以包括易失性介质(诸如是随机存取存储器(RAM))和/或非易失性介质(诸如是只读存储器(ROM)、闪存、光盘、磁盘等)。存储器/存储装置部件912可以包括固定介质(例如,RAM、ROM、固定硬盘驱动器等)以及可移除介质(例如,闪存、可移除硬盘驱动器、光盘等)。可以通过如在下面进一步描述的多种其它方式对计算机可读介质906进行配置。
(一个或者多个)输入/输出接口908表示用于允许用户将命令和信息输入计算设备902以及还允许使用各种输入/输出设备将信息呈现给用户和/或其它部件或者设备的功能。输入设备的示例包括键盘、光标控制设备(例如,鼠标)、麦克风、扫描仪、触摸功能(例如,被配置为检测物理触摸的电容式的或者其它的传感器)、照相机(例如,其可以使用诸如是红外线频率的可见或者非可见波长来将不涉及触摸的移动识别为手势)等。输出设备的示例包括显示设备(例如,监视器或者投影仪)、扬声器、打印机、网卡、触觉响应设备等。因此,可以通过如在下面进一步描述的多种方式将计算设备902配置为支持用户交互。
在本文中可以在软件、硬件元件或者程序模块的一般上下文中描述各种技术。概括地说,这样的模块包括执行特定的任务或者实现特定的抽象数据类型的例程、程序、对象、单元、部件、数据结构等。如本文中使用的术语“模块”、“功能”和“部件”概括地说表示软件、固件、硬件或者其组合。本文中描述的技术的特征是平台无关的,这意味着可以在具有多种处理器的多种商用计算平台上实现所述技术。
所描述的模块和技术的一个实现可以跨某种形式的计算机可读介质被存储或者发射。计算机可读介质可以包括可以被计算设备902访问的多种介质。作为示例而非限制,计算机可读介质可以包括“计算机可读存储介质”和“计算机可读信号介质”。
“计算机可读存储介质”可以指与单纯的信号传输、载波或者信号本身相反使能进行对信息的持久和/或非暂时性存储的介质和/或设备。因此,计算机可读存储介质指非信号承载介质。计算机可读存储介质包括硬件,所述硬件诸如是易失性和非易失性、可移除和非可移除介质和/或用适于存储诸如是计算机可读指令、数据结构、程序模块、逻辑单元/电路或者其它数据的信息的方法或者技术实现的存储设备。计算机可读存储介质的示例可以包括但不限于RAM、ROM、EEPROM、闪存或者其它存储器技术、CD-ROM、数字多功能光盘(DVD)或者其它光学存储装置、硬盘、盒式磁带、磁带、磁盘存储装置或者其它磁性存储设备、或者其它存储设备、有形介质或者适于存储期望的信息并且可以被计算机访问的制品。
“计算机可读信号介质”可以指被配置为诸如经由网络将指令发射给计算设备902的硬件的信号承载介质。信号介质通常可以体现计算机可读指令、数据结构、程序模块或者在诸如是载波、数据信号或者其它传输机制中的经调制的数据信号的其它数据。信号介质还包括任何信息递送介质。术语“经调制的数据信号”意味着使其特性中的一个或多个特性以使得将信息编码在信号中的方式被设置或者改变的信号。作为示例而非限制,通信介质包括诸如是有线网络或者直连线连接的有线介质和诸如是声学、RF、红外线和其它无线介质的无线介质。
如之前描述的,硬件元件910和计算机可读介质906表示以硬件形式被实现的可以在某些实施例中被用于诸如是执行一个或多个指令的实现本文中描述的技术的至少一些方面的模块、可编程设备逻辑和/或固定设备逻辑。硬件可以包括集成电路或者片上系统、专用集成电路(ASIC)、现场可编程门阵列(FPGA)、复杂可编程逻辑设备(CPLD)和用硅或者其它硬件实现的其它实现的部件。在这个上下文中,硬件可以充当执行由被硬件体现的指令和/或逻辑定义的程序任务的处理设备以及用于存储指令以用于执行的硬件,例如是之前描述的计算机可读存储介质。
前述内容的组合也可以用于实现本文中描述的各种技术。相应地,软件、硬件或者可执行模块可以被实现为在某种形式的计算机可读存储介质上和/或经由一个或多个硬件元件910被体现的一个或多个指令和/或逻辑。计算设备902可以被配置为,实现与软件和/或硬件模块相对应的特定的指令和/或功能。相应地,可以例如通过使用计算机可读存储介质和/或处理系统904的硬件元件910至少部分上用硬件实现被计算设备902执行的作为软件的模块的实现。指令和/或功能可以是可被一个或多个制品(例如,一个或多个计算设备902和/或处理系统904)执行/运行以实现本文中描述的技术、模块和示例的。
如在图9中进一步说明的,示例系统900使能实现为当在个人计算机(PC)、电视设备和/或移动设备上运行应用时的无缝用户体验实现泛在的环境。为了当在使用应用、玩视频游戏、观看视频等的同时从一个设备过渡到下一个设备时的公共的用户体验,服务和应用在全部三个环境中大致上相似地运行。
在示例系统900中,通过中央计算设备使多个设备互连。中央计算设备可以在所述多个设备的本地,或者可以位于多个设备的远端。在一个实施例中,中央计算设备可以是通过网络、互联网或者其它数据通信链路连接到所述多个设备的一个或多个服务器计算机的云。
在一个实施例中,这个互连架构使功能能够跨多个设备地被递送以便为多个设备的用户提供公共和无缝的体验。多个设备中的每个设备可以具有不同的物理要求和能力,并且中央计算设备使用平台来使能实现向设备递送体验,所述体验是为设备定制的并且又是对全部设备来说公共的。在一个实施例中,创建目标设备的类,并且为该通用类的设备定制体验。设备的类可以由设备的物理特征、用途的类型或者其它公共特性定义。
在各种实现中,计算设备902可以针对诸如计算机914、移动设备916和电视机918使用假设多种不同的配置。这些配置中的每种配置包括可以具有大致上不同的构造和能力的设备,并且因此,可以根据不同设备类中的一个或多个设备类对计算设备902进行配置。例如,计算设备902可以被实现为包括个人计算机、台式计算机、多屏幕计算机、膝上型计算机、上网本等的计算机914类的设备。
计算设备902也可以被实现为包括诸如是移动电话、便携式音乐播放器、便携式游戏设备、平板型计算机、多屏幕计算机等的移动设备的移动设备916类的设备。计算设备902也可以被实现为包括在休闲查看环境中的具有或者连接到大致上更大的屏幕的设备的电视机918类的设备。这些设备包括电视机、机顶盒、游戏控制台等。
本文中描述的技术可以被计算设备902的这些各种配置支持,并且不限于本文中描述的技术的具体的示例。该功能也可以全部或者部分上使用分布式系统来实现,分布式系统诸如是经由如下面描述的平台922的通过“云”920的。
云920包括和/或表示资源924的平台922。平台922对云920的硬件(例如,服务器)和软件资源的底层功能进行抽象。资源924可以包括当在位于计算设备902的远端的服务器上执行计算机处理时可以使用的应用和/或数据。资源924还可以包括通过互联网和/或通过诸如是蜂窝或者Wi-Fi网络的订户网络来提供的服务。
平台922可以对用于将计算设备902与其它计算设备相连接的资源和功能进行抽象。平台922还可以对资源的缩放进行抽象,用于提供与所遇到的对经由平台922实现的资源的需求相对应的缩放级别。相应地,在一个互连的设备的实施例中,本文中描述的功能的实现可以分布到系统900的各处。例如,可以部分上在计算设备902上以及经由对云920的功能进行抽象的平台922来实现功能。
结论
尽管已使用专用于结构化特征和/或方法学动作的语言描述了示例实现,但应当理解,所附权利要求中定义的实现不必限于所描述的具体的特征或者动作。相反,作为实现所要求权利的特征的示例形式公开了具体的特征和动作。

Claims (15)

1.一种计算设备,包括:
处理系统;以及
显示管理器模块,其可经由所述处理系统执行为控制图形的排列:
输出用户界面以用于经由显示设备进行显示,所述用户界面被配置为,将图形的所述排列呈现成具有不考虑所述显示设备的朝向而强加的预定义大小约束的一个或多个组,图形的所述排列可视地表示底层内容项并且使能够进行对底层内容项的可选择的访问;
检测指示所述显示设备的旋转的输入;以及
响应于对所述输入的检测:
自动地确定与所述旋转相对应的所述图形的重排,所述重排被配置为,维持所述一个或多个组,并且重新定位包含在所述一个或多个组内的所述图形以与所述旋转相对应;以及
促使对包含在所述一个或多个组内的所述图形的重新定位,以实现所述重排。
2.根据权利要求1所述的计算设备,其中,所述预定义大小约束限制所述一个或多个组中的每个组的宽度。
3.根据权利要求1所述的计算设备,其中,所述预定义大小约束不限制所述一个或多个组中的每个组的宽度。
4.根据权利要求1所述的计算设备,其中,所述预定义大小约束不限制所述一个或多个组中的每个组的高度。
5.根据权利要求1所述的计算设备,其中,所述预定义大小约束限制所述一个或多个组中的每个组的高度。
6.根据权利要求1所述的计算设备,其中,所述显示管理器模块进一步可执行为,基于所述图形相对于所述排列中的其它图形的位置确定所述图形的优先级,并且,部分上基于所确定的优先级在所述重排中重新定位所述图形。
7.根据权利要求1所述的计算设备,其中,针对用户输入相对于其最后被接收来排列所述组内的所述图形的所述显示设备的朝向,定义所述图形的所述排列。
8.根据权利要求7所述的计算设备,其中,最后被接收来排列所述组内的所述图形的所述用户输入包括用于定位所述组内的所述图形或者调整所述组内的所述图形的大小的输入中的至少一项。
9.根据权利要求7所述的计算设备,其中,所述用户输入相对于其最后被接收来定位所述组内的所述图形的所述朝向包括所述显示设备的人像朝向或者风景朝向中的一项。
10.根据权利要求9所述的计算设备,其中,针对不是所述用户输入相对于其最后被接收来定位所述组内的所述图形的最后朝向的所述人像朝向或者所述风景朝向中的任一项,确定所述图形的所述重排。
11.根据权利要求1所述的计算设备,其中,所述显示管理器模块进一步可执行为:
检测指示所述显示设备的另一个旋转的额外的输入,所述另一个旋转将所述显示设备旋转回所述旋转从其处起旋转所述显示设备的朝向;以及
响应于对所述额外的输入的检测,将所述图形从所述图形的所述重排重新定位为根据所述图形的排列呈现所述图形。
12.根据权利要求1所述的计算设备,其中,所述显示管理器模块进一步可执行为:
检测指示所述用户界面经由其被输出的所述显示设备的改变的输入;
响应于对指示所述改变的所述输入的检测,自动地确定与所述显示设备的所述改变相对应的另一个重排,所述另一个重排被配置为,维持所述一个或多个组,并且重新定位所述一个或多个组内的所述图形以与所述显示设备的所述改变相对应;以及
促使由所述处理系统对所述用户界面的渲染经由所述被改变的显示设备呈现所述图形的所述另一个重排。
13.一种用于控制用户界面中的图形的排列的计算机实现的方法,包括:
检测指示对查看窗格的修改的输入,所述用户界面的一部分是可在所述查看窗格中经由所述用户界面被输出到其的显示设备查看的,所述用户界面被配置为,将图形的所述排列呈现成一个或多个组,图形的所述排列可视地表示底层内容项并且使能进行对底层内容项的可选择的访问;
响应于对所述输入的检测,自动地确定与对所述查看窗格的所述修改相对应的所述图形的重排;以及
促使操作实现所述重排,包括:
作为组重新定位包含在所述组内的所述图形以与对所述查看窗格的所述修改相对应;
将每个特定的组的图形排列成图形彼此之间的与所述排列中的图案相同的图案;以及
将所述组旋转为相对于所述排列中的所述组的对齐的不同的关于彼此的对齐。
14.根据权利要求13所述的方法,进一步包括:促使渲染用于经由所述显示设备从呈现所述排列向呈现所述图形的所述重排的过渡的动画。
15.根据权利要求13所述的方法,其中,所述用户界面被配置为,使能进行在水平或者垂直方向中的至少一项上的连续滚动,以促使所述用户界面的其它部分是可经由所述查看窗格查看的。
CN201580043696.9A 2014-08-14 2015-08-11 基于组的用户界面重排 Withdrawn CN106605198A (zh)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
US14/459,826 2014-08-14
US14/459,826 US20160048305A1 (en) 2014-08-14 2014-08-14 Group-Based User Interface Rearrangement
PCT/US2015/044546 WO2016025418A1 (en) 2014-08-14 2015-08-11 Group-based user interface rearrangement

Publications (2)

Publication Number Publication Date
CN106605198A true CN106605198A (zh) 2017-04-26
CN106605198A8 CN106605198A8 (zh) 2017-07-07

Family

ID=53938413

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201580043696.9A Withdrawn CN106605198A (zh) 2014-08-14 2015-08-11 基于组的用户界面重排

Country Status (6)

Country Link
US (1) US20160048305A1 (zh)
EP (1) EP3180686A1 (zh)
JP (1) JP2017525056A (zh)
KR (1) KR20170042350A (zh)
CN (1) CN106605198A (zh)
WO (1) WO2016025418A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111857483A (zh) * 2020-06-12 2020-10-30 三星电子株式会社 电子装置及该电子装置的控制方法

Families Citing this family (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150356877A1 (en) * 2014-06-06 2015-12-10 Catherine Ann Downey Visual organization architecture system
US10304163B2 (en) * 2014-09-08 2019-05-28 Apple Inc. Landscape springboard
US9933915B2 (en) * 2014-11-03 2018-04-03 Snap-On Incorporated Methods and systems for displaying vehicle data parameter graphs in different display orientations
US11402981B2 (en) 2017-08-11 2022-08-02 Samsung Electronics Co., Ltd. Display device for visualizing contents as the display is rotated and control method thereof
KR102373510B1 (ko) * 2017-08-11 2022-03-11 삼성전자주식회사 디스플레이를 회전함에 따라 컨텐츠를 시각화 하는 디스플레이 장치 및 이의 제어 방법
JP7413673B2 (ja) * 2019-07-26 2024-01-16 コニカミノルタ株式会社 画像形成装置及び表示制御方法
KR20210127337A (ko) * 2020-04-14 2021-10-22 삼성전자주식회사 전자장치 및 그 제어방법
US11803689B2 (en) * 2020-08-05 2023-10-31 Microstrategy Incorporated System and method for dossier creation with responsive view handling for free-form layout
JP1738171S (ja) * 2022-02-22 2023-03-03 X線ct装置
JP1738170S (ja) * 2022-02-22 2023-03-03 X線ct装置
KR20240010314A (ko) * 2022-07-15 2024-01-23 삼성전자주식회사 전자 장치 및 그 ui 제공 방법

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070174782A1 (en) * 2006-01-25 2007-07-26 Microsoft Corporation Smart icon placement across desktop size changes
US20090199134A1 (en) * 2008-01-31 2009-08-06 Kabushiki Kaisha Toshiba Mobile communication apparatus
CN102460361A (zh) * 2009-04-30 2012-05-16 诺基亚公司 用于在计算设备内提供用户界面的装置和方法
US20130021377A1 (en) * 2011-07-21 2013-01-24 Flipboard, Inc. Adjusting Orientation of Content Regions in a Page Layout
CN103154949A (zh) * 2010-08-11 2013-06-12 耐克国际有限公司 用户界面中的信息的智能显示

Family Cites Families (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004246582A (ja) * 2003-02-13 2004-09-02 Canon Inc 電子文書又はファイルの表示装置
US7661290B2 (en) * 2007-07-20 2010-02-16 Honeywell International Inc. Gas sensor test and calibration system
JP5055098B2 (ja) * 2007-12-06 2012-10-24 キヤノン株式会社 画像表示システム、情報処理装置、その制御方法及びプログラム
HUP0700826A3 (en) * 2007-12-20 2010-03-29 Richter Gedeon Nyrt Coated tablet containing drospirenone and process for producing the same
US8266550B1 (en) * 2008-05-28 2012-09-11 Google Inc. Parallax panning of mobile device desktop
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
DE102008063871A1 (de) * 2008-12-19 2010-07-01 Robert Bosch Gmbh Stationäre Energiegewinnungsanlage mit einer Steuereinrichtung und Verfahren zur Steuerung derselben
JP2010165201A (ja) * 2009-01-16 2010-07-29 Canon Inc レイアウト装置、レイアウト方法、及びレイアウトプログラム
US8656314B2 (en) * 2009-07-30 2014-02-18 Lenovo (Singapore) Pte. Ltd. Finger touch gesture for joining and unjoining discrete touch objects
US20120017996A1 (en) * 2009-08-28 2012-01-26 Rainsaucers, Inc. Device for portably harvesting rainwater
EP2553657A4 (en) * 2010-04-02 2015-04-15 Nokia Corp METHODS AND APPARATUS FOR FACIAL DETECTION
KR20120080922A (ko) * 2011-01-10 2012-07-18 삼성전자주식회사 디스플레이 장치 및 그 디스플레이 방법
TW201232379A (en) * 2011-01-20 2012-08-01 Chi Mei Comm Systems Inc Menu icon adjustment system and method
US8633648B2 (en) * 2011-06-28 2014-01-21 Recarbon, Inc. Gas conversion system
KR101793999B1 (ko) * 2011-07-22 2017-11-06 삼성전자주식회사 휴대용 단말기에서 사용자 인터페이스 객체를 배치하는 방법 및 장치
US8930839B2 (en) * 2011-11-22 2015-01-06 Yahoo! Inc. Automatically arranging of icons on a user interface
JP5813476B2 (ja) * 2011-11-22 2015-11-17 株式会社ソニー・コンピュータエンタテインメント 電子機器およびタッチ操作処理方法
KR20130097267A (ko) * 2012-02-24 2013-09-03 삼성전자주식회사 휴대 단말기의 콘텐츠 뷰 표시 방법 및 장치
JP5972629B2 (ja) * 2012-03-27 2016-08-17 京セラ株式会社 装置、方法、及びプログラム
JP5947626B2 (ja) * 2012-06-12 2016-07-06 キヤノン株式会社 入力表示装置、その制御方法、プログラム、及び印刷装置
KR101822463B1 (ko) * 2013-01-21 2018-01-26 삼성전자주식회사 복수 개의 아이콘들을 화면상에 배치하는 장치 및 이의 운용 방법

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070174782A1 (en) * 2006-01-25 2007-07-26 Microsoft Corporation Smart icon placement across desktop size changes
US20090199134A1 (en) * 2008-01-31 2009-08-06 Kabushiki Kaisha Toshiba Mobile communication apparatus
CN102460361A (zh) * 2009-04-30 2012-05-16 诺基亚公司 用于在计算设备内提供用户界面的装置和方法
CN103154949A (zh) * 2010-08-11 2013-06-12 耐克国际有限公司 用户界面中的信息的智能显示
US20130021377A1 (en) * 2011-07-21 2013-01-24 Flipboard, Inc. Adjusting Orientation of Content Regions in a Page Layout

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
MICROSOFT: "《Surface Getting Started Guide Version 1.0》", 9 February 2013 *
MOBILETECHREVIEW: ""Acer lconia W3 Review"", 《HTTPS:// WWW.YOUTUBE.COM/WATCH?V=ROZDMX2GX90》 *
VIDEO GADGETS JOURNAL: ""Surface RT Tips - Basics: #6 Screen Rotation Microsoft Windows 8"", 《HTTPS://WWW.YOUTUBE.COM/WATCH?V=JANEBSK7ND8》 *

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111857483A (zh) * 2020-06-12 2020-10-30 三星电子株式会社 电子装置及该电子装置的控制方法
CN111857483B (zh) * 2020-06-12 2021-06-25 三星电子株式会社 电子装置及该电子装置的控制方法
US11422673B2 (en) 2020-06-12 2022-08-23 Samsung Electronics Co., Ltd. Electronic apparatus and control method thereof
US11886684B2 (en) 2020-06-12 2024-01-30 Samsung Electronics Co., Ltd. Electronic apparatus and control method thereof

Also Published As

Publication number Publication date
CN106605198A8 (zh) 2017-07-07
KR20170042350A (ko) 2017-04-18
WO2016025418A1 (en) 2016-02-18
US20160048305A1 (en) 2016-02-18
JP2017525056A (ja) 2017-08-31
EP3180686A1 (en) 2017-06-21

Similar Documents

Publication Publication Date Title
CN106605198A (zh) 基于组的用户界面重排
US10671282B2 (en) Display device including button configured according to displayed windows and control method therefor
CN102707877B (zh) 用于预测分割的方法和装置
US9552129B2 (en) Interactive visual representation of points of interest data
US9360991B2 (en) Three-dimensional icons for organizing, invoking, and using applications
CN103562839B (zh) 多应用环境
RU2598808C2 (ru) Способы для аннотирования изображений вида улицы контекстной информацией
US9600158B2 (en) Systems and methods for aggregating information and providing access to multiple web services through an interactive user interface
US8379053B1 (en) Identification of areas of interest on a web page
CN107209641A (zh) 对用户界面中的项布置的控制
US20140298219A1 (en) Visual Selection and Grouping
CN103582863A (zh) 多应用环境
CN107111470A (zh) 浏览器显示投射技术
TWI550500B (zh) 桌面顯示系統及方法
KR20160141838A (ko) 확장가능한 애플리케이션 표시
US20160349851A1 (en) An apparatus and associated methods for controlling content on a display user interface
US10659741B2 (en) Projecting obstructed content over touch screen obstructions
CN109828850A (zh) 一种信息显示方法及终端设备
US20210140788A1 (en) Displaying mapped points relative to a user input radius
US20140145969A1 (en) System and method for graphic object management in a large-display area computing device
TW201537439A (zh) 階層式虛擬清單控制項
JP6764884B2 (ja) 端末装置及びこれによるイメージ表示方法、並びにウェブサーバ及びこれによるウェブページ提供方法
CN109976605A (zh) 班牌内容显示方法、装置及存储介质
CN117369930A (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
CI01 Publication of corrected invention patent application

Correction item: Priority

Correct: 14/459,826 2014.08.14 US

Number: 17

Volume: 33

CI01 Publication of corrected invention patent application
CI02 Correction of invention patent application

Correction item: Priority

Correct: 14/459,826 2014.08.14 US

Number: 17

Page: The title page

Volume: 33

CI02 Correction of invention patent application
WW01 Invention patent application withdrawn after publication

Application publication date: 20170426

WW01 Invention patent application withdrawn after publication