专利名称：基于网络的图形用户界面的动态大小调整的系统和方法
技术领域：
本发明一般涉及动态地重新配置图形用户界面(GUI)，具体涉及动 态地重新配置基于Web的GUI，用于改变所希望的GUI窗口的屏幕分辨 率和/或用户调整所希望的GUI窗口的大小。
背景技术：
在过去几年中，存在个人计算机和消费电子设备的汇聚。这是利用 PC平台的力量和灵活性向用户提供了改善的娱乐经历。但是，这里所理 解的这种汇聚不是没有挑战，挑战之一是设计可以在多种屏幕分辨率下工 作的GUI，例如，可以在标准清晰度(4X3)电视屏幕上显示并且可以在 高清晰度(16X9或者16X10)屏幕上显示的GUI。此外，有时候允许用 户在屏幕上确立GUI窗口的大小，这进一步使GUI设计复杂化。如这里所进一步理解的，要求定制图形引擎或者内置浏览器縮放功能 的方案受作为非常复杂和/或拙劣的执行者之苦，当在非原生环境下(即， 屏幕分辨率背离缺省分辨率)使用时尤其如此。想着这些关键认识，提供了这里的发明。 发明内容一种用于呈现GUI的方法包括确立用于定义对应于缺省屏幕分辨率的 缺省GUI的基于Web的模板。所述缺省GUI包括多个GUI元素，这些元 素例如是(但不局限于)按钮，并且每个元素在模板中具有相应参数。在 参数针对不同于缺省分辨率的分辨率而被视情况地改变的情况下，GUI被呈现在显示器上。可以确立对应于各个缺省屏幕分辨率的多个模板。GUI元素参数可以 包括元素宽度、元素长度、元素离至少两个正交GUI窗口边界的距离和元 素中所显示的字体大小。在一些实现方式中，当检测到不同于缺省分辨率 的屏幕分辨率时，将元素布局从缺省布局改变。在另一个方面中， 一种处理器执行逻辑以针对不同于缺省屏幕分辨率的屏幕分辨率来调整GUI的尺寸。所述逻辑包括改变元素的行中的GUI 元素的数目。在另一方面中， 一种系统包括诸如TV之类的音频视频设备和耦合到 该TV以在该TV上显示GUI的处理器。所述GUI包括一列控制按钮，其 中至少一些控制按钮可被选择用来改变选择按钮的呈现顺序。所述GUI还包括至少两列选择按钮。选择按钮可用于选择相应的多媒体流以供在TV 上进行播放。 '
参考附图，可以最好地理解关于本发明的结构和操作两者的细节，在附图中，类似的标号指代类似的部件，并且其中图1是本发明的一种非限制性实现方式的框图；图2是被配置用于第一屏幕大小或者用户定义的GUI窗口大小的非限 制性GUI的屏幕抓图；图3是被配置用于第二屏幕大小或者用户定义的GUI窗口大小的非限 制性GUI的屏幕抓图；图4是被配置用于第一屏幕大小或者用户定义的GUI窗口大小的另一 非限制性GUI的屏幕抓图；图5是被配置用于第二屏幕大小或者用户定义的GUI窗口大小的另一 非限制性GUI的屏幕抓图；以及图6是重新配置逻辑的非限制性实现方式的流程图。
具体实施方式
首先参照图1，示出了一般被指定为10的系统，其包括具有显示屏14的音频视频系统12，显示屏14的全部或者一部分可以用于在GUI窗口 16中呈现图形用户界面(GUI)显示。通过非限制性示例，A/V系统12可 以包括单独的TV或者与内部或外部的游戏机和/或内部或外部的盘片播放 器相结合的TV， A/V系统12因此可以或者在TV的机壳内或者在分离的 机顶盒或其他计算设备内包括处理器18和数据存储器20。处理器18可以 访问数据存储器20中的数据以执行这里所描述的逻辑。如图1所示，系统10也可以包括盘片换片器22，盘片换片器22可以 具有一个或多个驱动器，例如，用于响应于用户对GUI的操纵而读取光盘 并将因而得到的多媒体流发送给A/V系统12以供播放的光学驱动器。因 此，系统10也可以包括远程控制设备24或者可以用于操作A/V系统12 的GUI的其他合适的用户可操纵的输入设备(包括语音识别设备)。在一些实现方式中，屏幕14的分辨率可以是标准清晰度，例如4X 3，或者其可以是高清晰度，例如16X9或者16X10，或者其可以是其他 分辨率。无论如何，如下面所进一步给出的，GUI被自动调整大小，并且 在一些实例中针对屏幕分辨率和/或用户定义的GUI窗口 16的大小而被视 情况进行重新配置。在任一种情况中，处理器18可以在需要的情况下与 因特网26通信。图2-图5示出了在图6的逻辑和下面的伪代码(pseudo-code)被执行 之后，当前的GUI如何出现在不同分辨率的各种屏幕上。在图2中，GUI 窗口部分地由诸如顶端边界28和左侧边界30之类的正交边界来定义。 GUI本身可以包括控制按钮32和根据控制按钮32的选择而安排的选择按 钮34。例如，用户可以点击控制按钮32，以使得选择按钮32如图所示被 按照专辑或者按照艺术家进行排序。而且，用户可以通过适当地操纵"图 库视图"控制按钮而选择将选择按钮显示为縮略图(在下面参照图4和图 5进一步讨论)，而不是以图2和图3所示的列表格式来显示选择按钮。 根据本领域中已知的原理，也可以提供复制和帮助控制按钮来调用复制和 帮助功能。在任一种情况中，如利用选择按钮34作为非限制示例所示，GUI的按钮当被如图2所示显示在第一分辨率的屏幕上时可以具有宽度"W"和长度"L"，当被如图3所示显示在第二分辨率的屏幕上时可以具有不同 的宽度"W"和/或长度"L"，可以了解到，总的按钮大小和/或长宽比可 以如图所示在分辨率之间变化。对于相同的屏幕分辨率但是不同的用户定 义的GUI窗口 16的大小，相同的原理可以用于改变按钮大小和配置。而且，GUI元素的屏幕布局可以根据屏幕分辨率和/或用户确立的GUI 窗口大小而变化。这可以通过参照图4和图5而看出，在图4和图5中， 选择按钮已被从简单的标题列表重新配置为正被选择的深层对象(例如， 盘载电影)的縮略图。在图4中，在GUI窗口 16中确立两列选择按钮 34，而在图5中，针对更宽的屏幕分辨率或者针对更宽的用户定义的GUI 窗口，选择按钮34可以被如图所示重新安排成三列。当选择按钮被配置 为縮略图时，先前指示"转到图库视图"的控制按钮32可以改变为指示 "转到列表视图"，因此，用户可以返回到图2和图3所示的列表型选择 按钮34。一般而言，用于产生上面所讨论的功能的逻辑开始于缺省GUI按钮大 小的确立和缺省的一个或多个分辨率的安排。在一种非限制性实现方式 中，缺省布局是利用诸如超文本标记语言(HTML)或XML之类的基于 Web的语言来确立的，并且可以利用样式表来定义GUI元素。在一种实现 方式中，每个GUI按钮是按照其宽度"W"和长度"L"以及按照其例如 距离GUI窗口 16的左边缘30和顶边缘28的位置来定义的。也可以确立 按钮中所显示的字体大小。可以针对缺省分辨率确立一个且仅仅一个模 板，其中，根据情况来计算GUI元素的大小调整和重新配置，或者可以确 立多个模板，其中， 一个模板用于每个共用分辨率(例如， 一个模板用于 4X3， 一个模板用于16X9， 一个模板用于16X10)。为了显示GUI，可以调用Web浏览器。为了根据上述公开来调整GUI 显示的大小和/或重新配置GUI显示，图6的逻辑可被随后调用。在开始状态36处开始，逻辑移至框38以获得GUI将被显示于其上的 屏幕的分辨率。通常，处理器18处理屏幕分辨率信息。进入框40时，例 如从存储器20读取适当的GUI模板。当仅使用单个缺省模板时，在框40处读取该模板，但是当使用多个模板时，读取与所检测到的分辨率最匹配 的一个模板。进入框42时，如同当缺省模板的假设屏幕分辨率与实际屏幕分辨率 不匹配或者当用户重新定义GUI窗口大小时所可能发生的一样，模板文件 被扫描以査找可能需要进行调整大小和/或重新配置的任何元素。判定方块44仅仅指示不知道新的元素尺寸时，逻辑可以移至框46以创建新的gui文件，然后在状态48处结束。另一方面，当知道新的尺寸并且适合该新尺寸的另一个模板可用时，逻辑移至框50以去除受影响的元素的旧值，并且在框52处利用来自新模板的新尺寸值来对其进行替换。或者，当不存在新的模板时，可以按照上述原理来根据情况计算新值。例如，宽度"W"、长度"L":例如距离GUI窗口 16的左边缘30和顶边缘28的位置和元素中所显示的文本的字体 大小中的一个或多个可以被修改为适于容纳在新的gui窗口区内。例如，可以与当前屏幕分辨率和新的屏幕分辨率之间的比率成比例地放大或縮小 gui元素。下面的伪代码提供了可以被实现的进一步的非限制性细节。在下面的 代码中所提及的定时器之实现是为了避免在用户可能快速并且重复地输入 大小调整命令时的过度重新配置。/氺下面的伪代码实现用于动态地调整HTML用户界面中的元素的大小的方法/*将在整个该实现方式中使用这些变量*/Timer tScheduledTimer = null; 〃该变量指示大小调整定时器是否已被〃调度TIMEOUT = ZZZZZZZZZZZ; 〃该变量包含用于确定动态大小调整的〃发生频率的超时值 DEFAULT_SCALING = ZZZZZZ; 〃该值设定GUI元素的基本尺寸。//被动态调整大小的元素将基于该尺寸。/承名称OnDetectScreenSizeChange0描述该函数或者调用用于检测屏幕尺寸何时改变。将不会直 接改变元素，而是调度该处理来进行改变。此处的原因 在于屏幕可以在短时间段内改变多次。为这些次中的每 一次来执行动态大小调整将会引起过量的处理。输入无输出无*/function OnDetectScreenSizeChange()//如果先前存在被调度的定时器，则将其取消并且开始新的定 〃时器if( tScheduledTimer) {function clearTimer( tScheduledTimer);〃现在调度定时器以在将来某个时间开始处理(l秒？ 2秒？) tScheduledTimer = function SetTimer("ScheduleResizing()", TIMEOUT);/*名称ScheduleResizingO描述本函数将在所调度的大小调整事件已完成之后被触发。 其将计算并创建新的布局，然后将该新布局应用于当前 用户界面。输入无输出无*/function ScheduleResizing()newScaling = fUnction CalculateNewScaling(》 newLayout = fbnction CreateNewLayout( newScaling ); function UseNewLayout( newLayout);/*名称CalculateNewScalingO描述该函数将计算应该被用于动态大小调整处理的新比率 输入无输出将要使用的新比率*/function CalculateNewScaling()oldScaling = DEFAULT—SCALING;//获得调整大小后的窗口的新尺寸。其实际计算方法取决于〃 GUI客户端所寄宿的环境和平台。 newDimensions = GetWindowDimensions(); newScaling = Scale(newDimensions, oldScaling); return newScaling;/*名称CreateNewLayout()描述该函数将检查个体GUI元素并且对它们的坐标进行重新 定位并调整大小。用于该处理的一种可能的体系结构的 细节与该创新一起被包括。输入无输出将要使用的新布局*/function CreateNewLayout( newScaling )for each ItemOnPage( element)newLayout(element) = RepositionAndResize( element, newScaling》return newLayout;/求名称UseNewLayout()描述该函数将触发UI客户端来使用新的布局。输入newLayout输出无承/function UseNewLayout( newLayout)//使用新的布局。其实际实现方法取决于GUI客户端所〃 寄宿 的环境和平台。CurrentPage.layout = newLayout;除了上面的之外，本发明认识到当按钮或者其他GUI对象被减小时， 该对象内的文本可能太长以致于不能呈现在更小的区域中。因此，计算可 以容纳在新的、更小的GUI对象区域内的给定字体大小的文本的最大量， 然后所希望的文本被修剪为该量。 一种用于修剪文本的非限制性方法包括 利用诸如三个句号之类的后缀来替换与所需要的一样多的文本结束字符以 便容纳在新区域内，例如，"the sky is blue and rainy"变为"the sky is b…"。或者，阿尔法混合被用于使文本淡出，例如，"the sky is blue and rainy"变为"the sky is blue"，并且"blue"的最后几个字母可以逐渐减 弱为完全透明。虽然在这里详细示出并表述了特定的用于基于Web的GUI的动态大小调整的系统和方法并且其完全能够达到本发明的上述目的，但是将会了 解到，本发明的范围将仅受所附权利要求书限制。
权利要求
1.一种用于呈现图形用户界面(16)的方法，包括确立至少一个用于定义对应于缺省屏幕分辨率的缺省图形用户界面的基于网络的模板，所述缺省图形用户界面(16)包括多个元素(32、34)，每个元素(32、34)在所述模板中具有相应的参数；以及在所述参数针对不同于所述缺省分辨率的分辨率而被视情况地改变的情况下，在显示器上呈现图形用户界面(16)。
2. 如权利要求1所述的方法，包括确立对应于各个缺省屏幕分辨率的 多个模板。
3. 如权利要求1所述的方法，其中，所述参数包括元素宽度。
4. 如权利要求1所述的方法，其中，所述参数包括元素长度。
5. 如权利要求1所述的方法，其中，所述参数包括元素离至少两个正 交图形用户界面窗口边界的距离。
6. 如权利要求1所述的方法，其中，所述参数包括元素中所显示的字 体大小。
7. 如权利要求1所述的方法，其中，所述参数包括元素宽度、元素长 度、元素离至少两个正交图形用户界面窗口边界的距离和元素中所显示的 字体大小。
8. 如权利要求1所述的方法，其中，当检测到不同于所述缺省分辨率 的屏幕分辨率时，将元素布局从缺省布局改变。
9. 一种执行逻辑以针对不同于缺省屏幕分辨率的屏幕分辨率来调整图 形用户界面(16)的尺寸的处理器(18)，所述逻辑包括改变元素的行中 的图形用户界面元素(32、 34)的数目。
10. 如权利要求9所述的处理器，其中，所述逻辑包括确立对应于各 个缺省屏幕分辨率的多个模板。
11. 如权利要求9所述的处理器，其中，每个图形用户界面元素 (32、 34)包括参数，所述参数包括元素宽度、元素长度、元素离至少两个正交图形用户界面窗口边界的距离和元素中所显示的字体大小。
12. 如权利要求9所述的处理器，其中，当检测到不同于所述缺省分 辨率的屏幕分辨率时，将元素布局从缺省布局改变。
13. —种系统，包括 音频视频设备(12);处理器(18)，其至少部分地控制所述音频视频设备(12)的显示器 (14)来在所述显示器(14)的至少一部分中显示图形用户界面(16)，所述图形用户界面(16)包括至少一列控制按钮(32)，至少一些控制按钮(32)可被选择用来改 变选择按钮(34)的呈现顺序；以及至少两列选择按钮(34)，选择按钮(34)可被选择用来选择相应的 多媒体流以供在所述音频.视频设备(12)上进行播放。
全文摘要
定义GUI(16)的HTML文件被创建，并且其中针对缺省屏幕分辨率而定义的GUI元素(32、34)在GUI(16)检测到新的屏幕分辨率时可以视情况而被重新配置。
文档编号G06F3/00GK101238427SQ200680028490
公开日2008年8月6日 申请日期2006年6月20日 优先权日2005年8月2日
发明者弗兰克·力-德·林, 瑞查尔·苏伊·恩古亚 申请人:索尼株式会社;索尼电子有限公司