用于具有可变的显示屏尺寸和取向的设备的布局系统技术方案

本发明专利技术公开了操作具有显示GUI的显示屏的数据处理系统的方法。该GUI具有纵横比或像素数量不同的多种配置。该方法包括提供布局描述和响应该布局描述和该显示配置生成GUI的运行时系统。该布局描述在第一容器空间内定义具有在GUI中要显示的多个组件的第一容器。每个组件具有第一容器内的组件布局描述。该运行时系统取决于该显示配置地自动分配该第一容器空间，并自动将该第一容器空间划分成多个组件空间。每个组件被显示在组件空间的相应一个中。该第一容器空间和该组件空间在该显示配置变化时自动变化。

【技术实现步骤摘要】
用于具有可变的显不屏尺寸和取向的设备的布局系统
本专利技术涉及用于具有可变的显示屏尺寸和取向的设备的布局系统。
技术介绍
跨具有不同纵横比、尺寸和像素数量的许多不同平台工作的图形用户界面（GUI) 的设计给人们带来严峻的挑战。任何给定设备都可能具有可在肖像或风景模式下实现的两 种不同纵横比。在程序运行期间特定模式通过设备取向触发，因此，程序必须为提供至 少两种组织。更进一步，编程人员面临着设计必须工作在具有从智能手机变化到较大固定 计算机屏幕的屏幕尺寸的许多不同设备上的GUI的任务。 存在许多技术来定义GUI。两种最常用的是利用编程人员使用编程界面为特定应 用创建布局的代码设计的那些技术。Visual Basic或Visual C++是这种类型布局的例 子。另一种类型是像HTML或Microsoft XAML那样的文本形式的说明性布局。这些都使用 XML结构以便映射到GUI表示中的结构。 这些现有技术要求用户以某种形式用具有绝对尺寸要求的元件定义⑶I。这样的 GUI不能很好地响应诸如在肖像与风景之间切换或从平板电脑切换到手机再切换到宽屏幕 监视器时的取向变化。取向问题的一种解决方案要求设计人员创建每种布局是为不同显示 器优化的多种布局。
技术实现思路
本专利技术包括操作具有显示⑶I的显示屏的数据处理系统的方法。该⑶I具有纵横 比或像素数量不同的多种配置。该方法包括提供布局描述和响应该布局描述和该显示配置 生成⑶I的运行时系统。该布局描述在第一容器空间内定义具有在⑶I中要显示的多个组 件的第一容器。在该第一容器内每个组件具有组件布局描述。该运行时系统取决于该显示 配置地自动分配该第一容器空间，并自动将该第一容器空间划分成多个组件空间。每个组 件被显示在组件空间的相应一个中。该第一容器空间和该组件空间在该显示配置变化时自 动变化。 在本专利技术的一个方面，定义该第一容器的该布局描述指示组件的垂直或水平组 织，以及该运行时系统分别垂直或水平地划分该第一容器空间，将每个组件指定给相应水 平或垂直空间。指定给每个组件的相对空间通过布局权重参数来规定，该布局权重参数可 以通过布局描述中的条目从默认值开始变更。在组件的布局权重没有变化的情况下，均等 地划分垂直或水平空间。 在本专利技术的另一个方面，第一个组件包括要显示在⑶I中的文本，以及该运行时 系统根据该组件的布局描述中的第一字体组规定自动为每个组件设置文本字体。如果两个 组件具有相同字体组规定，则该运行时系统自动确定保证两个组件让它们的文本得到适当 显示的字体，该字体随显示配置改变。 【附图说明】 图1A和1B分别例示了在肖像和风景模式下具有三个按钮的VGroup ; 图2例示了第一按钮具有两倍于其余两个按钮的权重的三按钮VPanel ; 图3例示了示出在图1A和1B中的VPanel的HPanel等效物； 图4例示了将两倍于其它按钮的空间分配给Buttonl的三按钮面板； 图5A和5B分别例示了在肖像和风景模式下的嵌套显示； 图6A和6B例示了包括显示图形的迹线组件的嵌套显示； 图7例示了使用布局代码明确设置了 Buttonl组件的尺寸的显示； 图8A和8B例示了要在肖像或风景取向运行在像智能手机那样的设备上的⑶I ; 图9A和9B例示了各个组件具有它们根据组件的尺寸调整的字体的显示；以及 图10A和10B例示了将相同字体大小用于许多不同组件的显示。 【具体实施方式】 一般说来，按照本专利技术的⑶I由一个或多个组件构成。每个组件具有图形表示 和确定组件的行为和如何显示组件的代码部分。一般说来，每个组件具有在当前显示器上 针对指定给该组件的空间大小自动改变图形表示的大小的默认表示。当显示器改变取向 时，各种组件的空间量也变化，并相应地调整图形表示。可以将组件的集合一起分组在一个 容器中。在容器内的组件之间划分为该容器分配的空间。存在除了为容器规定不同分配之 外应用的默认空间分配。整个显示器是最高级别的容器。 用两种类型的容器来表示可以更容易地理解本专利技术提供其好处的方式。在在如下 的讨论中称为VGroup的第一种类型的容器中，默认空间分配由在容器中的对象之间均等 地划分容器中的垂直空间组成。应当注意到，当显示屏从肖像模式变成风景模式时，容器中 的可用空间发生了变化，垂直空间缩小，水平空间扩大。因此，当发生取向变化时，对容器中 的每个组件指定新空间，同样调整组件的表示。 第二种类型的容器被称为HGroup。HGroup中的默认空间分配由在容器中的对象 之间均等地划分容器中的水平空间组成。并且，当显示屏从肖像模式变成风景模式时，容器 中的可用空间发生了变化，垂直空间缩小，水平空间扩大。 VPanels和HPanels分别是VGroup和HGroup的特殊类型，其中对各个组件和面板 自动提供划定所涉及的元件的边界。现在参照图1A和1B，它们分别例示了包括在肖像和风 景模式下具有三个按钮的VGroup的数据处理系统上的显示。当取向从肖像变到风景时，可 用于每个按钮的空间发生了变化，使得每个按钮的垂直高度减小，宽度增大。相应地改变字 体以适合可用空间。 在本专利技术的一个方面，用户用诸如XML的说明性语言定义显示的布局。如果利用 本专利技术的容器，则只有未包含在组件的默认规定中的那些项目需要包括在文件中。例如，显 示在图1A和1B中的三按钮显示的XML代码由如下组成： <Vpanel> 〈Button text=Buttonl/> 〈Button text=Button2V> 〈Button text=Button3/> </Vpanel> 应当注意到，只需规定文本，因为显示空间被自动划分成分配给各种按钮的三个 垂直部分。与按钮相联系的代码自动关心针对当前显示屏和取向改变文本和按钮的尺寸。 在上述的例子中，三个按钮具有默认分配的相同尺寸。但是，用户可能想为按钮之 一提供更大空间。在本专利技术的一个方面，用户可以规定容器内的组件的相对布局权重。默认 权重是1。为了改变默认布局权重，使相应条目处在布局文件中。例如，如果想对Buttonl 指定更大空间，则XML文件将是： <Vpanel> 〈Button text=Buttonllayout_weight=2/> 〈Button text=Button2/> 〈Button text=Button3/> </Vpanel> 现在参照图2,其例示了第一按钮具有两倍于其余两个按钮的权重的三按钮 VPanel。在这种情况下，Buttonl具有两倍于其它两个按钮的高度。应当注意到，按钮的宽 度与其它按钮保持相同。由于宽度限制用于标记的字体尺寸，所以Buttonl具有与其余按 钮相同的字体尺寸。 本专利技术还实现提供与上述的VPanel类似的功能的水平面板HPanel。在HPanel 中，均等地划分水平空间。HPanel是显示在图1A和1B中的VPanel的等效物。HPanel的 布局如下： <H本文档来自技高网...

【技术保护点】
一种操作具有显示GUI的显示屏的数据处理系统的方法，所述GUI具有多种配置，所述方法包含：提供布局描述；以及提供响应所述布局描述和所述显示配置生成所述GUI的运行时系统，所述布局描述在第一容器空间内定义具有在所述GUI中要显示的多个组件的第一容器，每个组件具有所述第一容器内的组件布局描述，其中所述运行时系统取决于所述显示配置自动分配所述第一容器空间，并自动将所述第一容器空间划分成多个组件空间，每个组件被显示在所述组件空间的相应一个中，所述第一容器空间和所述组件空间在所述显示配置变化时自动变化。

【技术特征摘要】
2013.03.15 US 13/838,0871. 一种操作具有显示⑶I的显示屏的数据处理系统的方法，所述⑶I具有多种配置，所 述方法包含： 提供布局描述；以及 提供响应所述布局描述和所述显示配置生成所述⑶I的运行时系统， 所述布局描述在第一容器空间内定义具有在所述GUI中要显示的多个组件的第一容 器，每个组件具有所述第一容器内的组件布局描述，其中 所述运行时系统取决于所述显示配置自动分配所述第一容器空间，并自动将所述第一 容器空间划分成多个组件空间，每个组件被显示在所述组件空间的相应一个中，所述第一 容器空间和所述组件空间在所述显示配置变化时自动变化。2. 如权利要求1所述的方法，其中定义所述第一容器的所述布局描述指示所述组件的 垂直或水平组织，以及其中所述运行时系统分别垂直或水平地划分所述第一容器空间，将 每个组件指定给相应垂直或水平空间。3. 如权利要求2所述的方法，其中指定给每个组件的所述垂直或水平空间分别...

【专利技术属性】
技术研发人员：GR恩杰尔，J赫尔夫曼，
申请(专利权)人：安捷伦科技有限公司，
类型：发明
国别省市：美国;US