[发明专利]用于用户界面元素的有效布局和控制的基于约束的布局系统

权利要求书

1.一种计算机实现的方法，包括：

在计算设备上提供用于开发用户界面UI的布局应用，所述布局应用包括页面的表示，所述页面的表示允许在所述UI的运行时过程之前将UI元素相对于彼此在视觉上定位；

接收包括在所述页面上第一UI元素的视觉放置的第一用户输入；

接收包括在所述页面上第二UI元素的视觉放置的第二用户输入；

接收包括从所述第二UI元素到所述第一UI元素的在所述页面上的视觉连接的第三用户输入；

至少通过以下来生成指示在所述页面上所述第二UI元素如何相对于所述第一UI元素定位的布局约束：

将在所述页面上的所述视觉连接映射到关系数据，所述关系数据指示相对于所述第一UI元素或所述第二UI元素中的一个，所述第一UI元素和所述第二UI元素之间的方向关系；

将在所述页面上的所述视觉连接映射到空间定位数据，所述空间定位数据指示相对于所述第一UI元素和所述第二UI元素的在所述页面上的位置；

基于所述空间定位数据和所述关系数据，分别为所述第一UI元素和所述第二UI元素确定在所述页面上的坐标，其中，确定所述坐标包括：

进行是否能够为所述第一UI元素或所述第二UI元素中的至少一个计算多于一个潜在坐标集的确定，

响应于能够为所述第一UI元素或所述第二UI元素中的至少一个计算多于一个潜在坐标集的所述确定，使用线性方程求解器确定所述坐标，以及

响应于不能够为所述第一UI元素或所述第二UI元素中的至少一个计算多于一个潜在坐标集的所述确定，确定所述坐标而无需使用所述线性方程求解器；以及

在与所述UI相关联的布局数据文件中提供所述布局约束，其中，在所述运行时过程期间根据所述布局数据文件中的所述布局约束的所述关系数据、空间定位数据以及确定的坐标，将与所述第一UI元素或所述第二UI元素中的至少一个相关联的运行时内容自动布置在所述UI上。

2.如权利要求1所述的计算机实现的方法，其中，确定所述坐标包括：

处理所述空间定位数据和所述关系数据；

将所述关系数据和所述空间定位数据分类为特定类约束；

确定所述特定类约束是与第一类约束相关联还是与不同于所述第一类约束的第二类约束相关联；

当确定所述特定类约束与所述第一类约束相关联时，不依赖于所述线性方程求解器来解析所述关系数据和所述空间定位数据以确定所述坐标；

当确定所述特定类约束与所述第二类约束相关联时，将所述关系数据和所述空间定位数据变换为一个或多个线性方程，并且

当所述关系数据和所述空间定位数据被变换为所述一个或多个线性方程时，通过所述线性方程求解器来对所述一个或多个线性方程求解以确定所述坐标。

3.如权利要求1所述的计算机实现的方法，其中，所述第一UI元素包括第一锚，并且所述第二UI元素包括第二锚，其中，基于从所述第二UI元素到所述第一UI元素的在所述页面上的所述视觉连接，所述第二UI元素的所述第二锚连接到所述第一UI元素的所述第一锚。

4.如权利要求3所述的计算机实现的方法，其中，从所述第二UI元素到所述第一UI元素的在所述页面上的所述视觉连接指示所述第一锚和所述第二锚占据所述页面上的相同目标位置。

5.如权利要求3所述的计算机实现的方法，其中，从所述第二UI元素到所述第一UI元素的在所述页面上的所述视觉连接指示所述第一锚和所述第二锚之间的限定距离。

6.如权利要求3所述的计算机实现的方法，其中，生成所述布局约束进一步包括：

确定在所述页面上的所述视觉连接包括错误，所述错误指示限制所述第一锚和所述第二锚被定位在所述页面上的目标位置；以及

修改所述第一UI元素或所述第二UI元素中的至少一个的一个或多个维度；以及

基于所修改的一个或多个维度，使错误量减小到预定值。