[发明专利]为图形界面创建默认布局约束

说明书

在一些实施方式中，一种从静态图形用户界面(GUI)设计生成基于约束的自适应GUI的方法包括：获得包括多个视图的静态GUI；识别静态GUI的根视图和子视图；基于子视图与根视图边界的空间关系，将一个或多个约束应用于子视图；确定子视图未被完全约束；响应于确定子视图未被完全约束，基于子视图和作为子视图的邻居的附加视图之间的空间距离将一个或多个附加约束应用于子视图；并且基于一个或多个约束以不同于静态GUI的尺寸的一个或多个尺寸生成基于约束的自适应GUI。

背景技术

与现代软件应用(app)的用户交互是由图形用户界面(graphical userinterface，GUI)作为媒介的。历史上，GUI已经被设计用于特定集合的静态显示器尺寸和分辨率(例如，膝上型计算机屏幕或台式计算机监视器)。通常，输入是通过使用触摸屏、触控板、鼠标或其他定位输入组件来提供的。在传统系统中，经由定位输入组件与GUI的用户交互采取一个或多个定位事件的形式，每个定位事件相对于系统的显示空间具有各自的位置。对于这些定位事件中的每一个，底层GUI框架操作来将输入事件分派到预期的视图进行处理。移动计算平台的兴起导致了GUI必须出现在其上的显示器尺寸数量的大幅增加。

发明内容

本文档涉及为图形用户界面(GUI)创建默认布局约束，该默认布局约束可用于使用GUI的单个静态设计来动态创建各种不同尺寸的其他GUI。

一般地，本说明书中描述的主题的一个创新方面可以体现在从静态图形用户界面(GUI)设计生成基于约束的自适应GUI的方法中，该方法包括：获得包括多个视图的静态GUI设计，其中每个视图是静态GUI设计的元素，识别静态GUI设计的根视图，识别静态GUI设计的子视图，其中子视图嵌套在根视图内，基于子视图与根视图边界的空间关系将一个或多个约束应用于子视图；在将一个或多个约束应用于子视图之后，确定子视图未被完全约束，响应于确定子视图未被完全约束，基于子视图和作为静态GUI设计中子视图的邻居的附加视图之间的空间距离，将一个或多个附加约束应用于子视图，以及基于一个或多个约束和一个或多个附加约束，以不同于静态GUI设计的尺寸的一个或多个尺寸生成基于约束的自适应GUI。

这些和其他实施例各自可以可选地包括一个或多个以下特征。

在一些示例中，该方法包括生成布局图形(layout graph)，该布局图形包括子视图的顶点和作为静态GUI设计中子视图的邻居的两个或更多个附加视图的两个或更多个附加顶点，在布局图形中，用图形边缘(graph edge)将子视图的顶点连接到两个或更多个附加视图的两个或更多个附加顶点，给图形边缘中的每一个图形边缘分配相应的权重，其中分配给每个图形边缘的权重基于子视图和通过图形边缘连接到子视图的附加顶点之间的空间距离，以及基于具有最低权重的图形边缘的附加顶点，将附加约束应用于子视图。

在一些示例中，该方法包括检测用户设备处的显示器改变。在一些示例中，检测用户设备处的显示器改变包括检测用户设备的显示器方向的改变。在一些示例中，检测用户设备处的显示器改变包括检测从用户设备到另一显示器设备的传输。在一些示例中，响应于检测到用户设备处的显示器改变，该方法还包括从显示器改变中检测终端显示器的尺寸，应用基于约束的自适应GUI来为终端显示器创建与检测到的终端显示器的尺寸相匹配的终端显示器GUI，以及向终端显示器提供终端显示器GUI。

在一些示例中，该方法包括识别嵌套在子视图内的、静态GUI设计的孙视图，以及基于孙视图与子视图边界的空间关系，将一个或多个约束应用于孙视图。在一些示例中，基于孙视图与子视图边界的空间关系将一个或多个约束应用于孙视图包括确定孙视图的一个或多个边缘是否与子视图的一个或多个边缘重叠，以及当孙视图的一个或多个边缘与子视图的一个或多个边缘之间存在重叠时，在孙视图的一个或多个边缘和子视图的一个或多个边缘之间创建约束。在一些示例中，基于孙视图与子视图边界的空间关系将一个或多个约束应用于孙视图包括确定孙视图的中心是否等于子视图的中心，以及当孙视图的中心等于子视图的中心时，在孙视图的中心和子视图的中心之间创建约束。