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

说明书

本主题技术的各方面涉及用于用户界面(UI)元素的基于约束的布局和控制的系统和方法。该系统接收指示在布局应用的页面上定位第一UI元素的指令的第一用户输入。该系统接收指示在页面上定位第二UI元素的指令的第二用户输入。该系统接收指示创建从第二UI元素到第一UI元素的连接的指令的第三用户输入。该系统基于该连接，生成指示第一UI元素和第二UI元素之间的空间关系的布局约束。该系统在与UI相关联的布局数据文件中提供布局约束。

相关申请的交叉引用

本申请根据35U.S.C.§119，要求2016年5月17日提交的名为“CONSTRAINTS-BASEDLAYOUT SYSTEM FOR EFFICIENT LAYOUT AND CONTROL OF USER INTERFACE ELEMENTS”的美国临时专利申请序列号No.62/337,850以及2016年5月17日提交的名为“SYSTEMS ANDMETHODS FOR AUTOMATIC DETERMINATION OF LAYOUT CONSTRAINTS”的美国临时专利申请序列号No.62/337,852的优先权，其全部内容通过引用合并于此。

技术领域

本公开一般涉及用于用户界面开发和部署的基于计算机的布局系统，更具体地说，涉及用于用户界面元素的有效布局和控制的基于约束的布局系统。

背景技术

用户界面被设计为能够适应各种屏幕条件，诸如屏幕尺寸、屏幕密度和所使用的人类语言。传统的布局系统允许开发人员指定如何布局窗口小部件，以及它们的布局位置如何改变以适应不断变化的屏幕条件。然而，传统的布局系统很复杂，并且具有性能限制，这可能使创建用户界面成为开发人员不期望的耗时过程。

背景技术部分中提供的描述不应当仅仅由于它在背景技术部分中提及或者与背景技术部分相关联而被认为是现有技术。背景技术部分可以包括描述本主题技术的一个或多个方面的信息。

发明内容

所公开的主题涉及用于用户界面元素的有效布局和控制的基于约束的布局系统。更具体地，提供了基于约束的布局系统和方法，其允许开发人员更容易和有效地指定如何布局窗口小部件，以及它们的位置如何改变以适应那些改变和/或可变的显示条件(例如，各种屏幕尺寸、屏幕密度和语言)。易于附加的用户界面复杂性和设计选项。

根据本公开的方面，提供了一种计算机实现的方法。该方法包括在计算设备上提供用于开发用户界面(UI)的布局应用，其中，该布局应用包括页面的表示。该方法包括经由布局应用，接收第一用户输入，其中，该第一用户输入指示在所述页面上定位第一UI元素的指令。该方法包括经由布局应用接收第二用户输入，其中，该第二用户输入指示在所述页面上定位第二UI元素的指令。该方法包括经由布局应用接收第三用户输入，其中，该第三用户输入指示创建从所述第二UI元素到所述第一UI元素的连接的指令。该方法包括基于该连接，生成指示所述第一UI元素和所述第二UI元素之间的空间关系的布局约束。该方法还包括在与所述UI相关联的布局数据文件中提供所述布局约束。

根据本公开的方面，提供了一种系统，包括一个或多个处理器，以及耦合到所述一个或多个处理器的计算机可读存储介质，该计算机可读存储介质包括指令。该指令使得所述一个或多个处理器在计算设备上提供用于开发UI的布局应用，其中，该布局应用包括页面的表示。该指令还使得一个或多个处理器经由布局应用，接收第一用户输入，其中，该第一用户输入指示在所述页面上定位第一UI元素的指令。该指令还使得一个或多个处理器经由布局应用接收第二用户输入，其中，该第二用户输入指示在所述页面上定位第二UI元素的指令。该指令还使得一个或多个处理器经由布局应用接收第三用户输入，其中，该第三用户输入指示创建从所述第二UI元素到所述第一UI元素的连接的指令。该指令还使得一个或多个处理器基于该连接，生成指示所述第一UI元素和所述第二UI元素之间的空间关系的布局约束。该指令还使得一个或多个处理器在与所述UI相关联的布局数据文件中提供所述布局约束。