CN107577490A - 一种iOS中的视图自动布局方法及装置 - Google Patents

Abstract

本发明提供一种iOS中的视图自动布局方法及装置，所述方法包括：S1，获取根据约束描述规则所设置的目标视图的约束信息；S2，对所述约束信息进行解析，根据解析结果对所述目标视图进行布局。本发明可以直观看出目标视图设置的约束，提高了开发效率；此外，在对目标视图的布局进行修改时，只需要修改所述目标视图相应的约束信息，便于维护。

Description

一种iOS中的视图自动布局方法及装置

技术领域

本发明涉及iOS开发领域，更具体地，涉及一种iOS中的视图自动布局方法及装置。

背景技术

自iOS6以来，自动布局是iOS界面开发中广泛应用的技术，它能使视图根据屏幕尺寸和视图内容进行自动布局。开发者不用根据不同情况计算每个视图的坐标与尺寸，而只需要设置每个视图的约束，布局系统会自动计算每个视图的坐标和尺寸，然后进行布局。

目前，在给视图设置约束时，通常有两种方式。第一种方式是使用iOS的可视化开发工具，通过拖拽的方式给每个视图设置约束。此种方式虽然能预览设置约束后的布局效果，但由于约束信息比较分散，且除了约束信息之外还有很多其他信息，导致不能直观看出每个视图设置的约束。第二种方式是在源代码中通过代码构造约束相关逻辑，此种方式由于代码构造的约束相关逻辑中有很多重复性的代码，约束信息更不直观，且开发效率低。

综上所述，现有的iOS中的视图自动布局方法中约束信息不直观，导致约束信息查看和视图布局修改困难。

发明内容

为克服上述现有的iOS中的视图自动布局方法中约束信息不直观，导致约束信息查看和视图布局修改困难的问题或者至少部分地解决上述问题，本发明提供了一种iOS中的视图自动布局方法及装置。

根据本发明的第一方面，提供一种iOS中的视图自动布局方法，包括：

S1，获取根据约束描述规则所设置的目标视图的约束信息；

S2，对所述约束信息进行解析，根据解析结果对所述目标视图进行布局。

具体地，所述步骤S1具体包括：

使用所述约束描述规则中的线性方程或线性不等式描述目标视图的约束信息，所述约束信息包括所述目标视图、基准视图、所述目标视图和所述基准视图的属性、运算符号、关系符号和常数。

具体地，所述步骤S2具体包括：

对所述约束信息中的运算符号、关系符号、运算、目标视图的属性和基准视图的属性进行解析。

具体地，对所述约束信息进行解析之前还包括：

构造第一函数，以解析所述线性方程中和线性不等式中的关系符号；

构造第二函数，以解析所述线性方程或线性不等式中目标视图的属性和基准视图的属性；

构造第三函数，以解析所述线性方程或线性不等式中的运算符号；

构造第四函数，以解析所述线性方程或线性不等式中的运算；

构造第五函数，以调用所述第一函数、第二函数、第三函数和第四函数对所述约束信息进行解析。

具体地，对所述约束信息中的运算符号进行解析的步骤具体包括：

将所述约束信息中的第一运算符号解析为将所述基准视图的属性值乘以预设常数；

将所述约束信息中的第二运算符号解析为将所述基准视图的属性向右或向下平移；

将所述约束信息中的第三运算符号解析为将所述基准视图的属性向左或向上平移。

具体地，所述目标视图的属性包括left、right、top、bottom、width和height；

所述基准视图的属性包括left、right、top、bottom、width和height；

所述关系符号包括＝＝、＝、>＝和<＝；

所述运算符号包括+、-、*和/。

具体地，所述步骤S2具体包括：

将解析结果封装为约束对象，将所述约束对象添加到所述目标视图的对象中；

根据所述目标视图对象中的约束对象，对所述目标视图进行布局。

根据本发明的第二方面，提供一种iOS中的视图自动布局装置，包括：

获取单元，用于获取根据约束描述规则所设置的目标视图的约束信息；

布局单元，用于对所述约束信息进行解析，根据解析结果对所述目标视图进行布局。

根据本发明的第三方面，提供一种iOS中的视图自动布局设备，包括：

至少一个处理器、至少一个存储器和总线；其中，

所述处理器和存储器通过所述总线完成相互间的通信；

所述存储器存储有可被所述处理器执行的程序指令，所述处理器调用所述程序指令能够执行如前所述的方法。

根据本发明的第四方面，提供一种非暂态计算机可读存储介质，用于存储如前所述方法的计算机程序。

本发明提供一种iOS中的视图自动布局方法及装置，该方法通过获取根据约束描述规则所设置的目标视图的约束信息，根据所述约束信息可以直观看出目标视图设置的约束；同时，对目标视图的约束信息进行解析，根据解析结果实现目标视图的自动布局，提高了开发效率；此外，在对目标视图的布局进行修改时，只需要修改所述目标视图相应的约束信息，便于维护。

附图说明

图1为本发明实施例提供的iOS中的视图自动布局方法流程示意图；

图2为本发明实施例提供的iOS中的视图自动布局装置结构示意图；

图3为本发明实施例提供的iOS中的视图自动布局设备结构示意图。

具体实施方式

下面结合附图和实施例，对本发明的具体实施方式作进一步详细描述。以下实施例用于说明本发明，但不用来限制本发明的范围。

在本发明的一个实施例中提供一种iOS中的视图自动布局方法，图1为本发明实施例提供的iOS中的视图自动布局方法流程示意图，该方法包括：S1，获取根据约束描述规则所设置的目标视图的约束信息；S2，对所述约束信息进行解析，根据解析结果对所述目标视图进行布局。

具体地，S1中，所述约束描述规则用于展示视图之间的相对布局关系。所述目标视图为需要进行布局的视图。所述约束信息以描述性的方式展示对所述视图布局的约束。当需要对视图进行约束时，用户根据所述约束描述规则，在配置文件中设置所述目标视图的约束信息，实现了所述目标视图的业务逻辑和布局信息的分离。服务器获取所述约束信息。S2中，对所述目标视图的每条约束信息进行解析，将描述性的约束信息解析为对应的计算机可以识别运行的计算机程序。根据解析结果，获取所述目标视图的坐标和尺寸。使用所述目标视图的坐标和尺寸对所述目标视图进行布局。

本实施例通过获取根据约束描述规则设置的目标视图的约束信息，根据所述约束信息可以直观看出目标视图设置的约束；同时，对目标视图的约束信息进行解析，根据解析结果实现目标视图的自动布局，提高了开发效率；此外，在对目标视图的布局进行修改时，只需要修改所述目标视图相应的约束信息，便于维护。

在上述实施例的基础上，本实施例中所述步骤S1具体包括：使用所述约束描述规则中的线性方程或线性不等式构建所述目标视图的约束信息，所述约束信息包括所述目标视图、基准视图、所述目标视图和所述基准视图的属性、运算符号、关系符号和常数。

具体地，在根据所述约束描述规则设置所述目标视图的约束信息之前，需要制定约束描述规则，具体包括：使用线性方程或线性不等式描述目标视图的约束信息。使用所述约束描述规则中的线性方程或线性不等式构建所述目标视图的约束信息。所述目标视图的布局以基准视图的布局为基准进行计算得到。所述基准视图一般为所述目标视图的相邻视图。所述约束信息为所述目标视图与所述基准视图之间的相对布局关系。所述约束信息包括所述目标视图、基准视图、所述目标视图和所述基准视图的属性、运算符号、关系符号和常数。

例如，用线性方程veiwA.left＝viewB.right*1+100描述所述目标视图veiwA的约束信息。所述线性方程描述的约束信息为所述目标视图veiwA的左边框在所述基准视图viewB的右边框向右移动100个点的位置，iOS中用点作为坐标单位。left和right分别表示veiwA的left属性，即左边框和viewB的right属性，即右边框。*的后面可以为任意实数，所述约束信息表示将所述基准视图viewB的right值乘以1，然后加上100，得到所述目标视图veiwA的left值。所述线性方程中的+也可以为-。＝表示相等关系。

本实施例中通过使用所述约束描述中的线性方程或线性不等式构建所述目标视图的约束信息，根据所述目标视图的约束信息可以直观看出目标视图设置的约束，从而方便视图约束的查看和修改。

在上述任一实施例的基础上，本实施例中所述步骤S2具体包括：对所述约束信息中的运算符号、关系符号、运算、目标视图的属性和基准视图的属性进行解析。

在上述任一实施例的基础上，本实施例中对所述约束信息进行解析之前还包括：构造第一函数，以解析所述线性方程和线性不等式中的关系符号；构造第二函数，以解析所述线性方程或线性不等式中目标视图的属性和基准视图的属性；构造第三函数，以解析所述线性方程或线性不等式中的运算符号；构造第四函数，以解析所述线性方程或线性不等式中的运算，所述运算为根据所述基准视图的属性值和运算符号进行计算获取所述目标视图的属性值的计算过程；构造第五函数，以调用所述第一函数、第二函数、第三函数和第四函数对所述约束信息进行解析。

具体地，构造第一函数，如parseRelationFromExpression函数，所述第一函数用于将所述线性方程中的＝＝和＝解析为iOS SDK中的NSLayoutRelationEqual，将所述线性方程中的<＝解析为iOS SDK中的NSLayoutRelationLessThanOrEqual，将所述线性方程中的>＝解析为iOS SDK中的NSLayoutRelationGreaterThanOrEqual。构造第二函数，如parseItem函数。所述第二函数用于解析所述线性方程或线性不等式中目标视图和基准视图的属性，如将veiwA.left解析为iOS SDK中的NSLayoutAttribute。构造第三函数，如parseMultiplierItem函数，所述第三函数用于解析所述线性方程或线性不等式中运算符，如*。构造第四函数，如parseArithmeticExpression函数，所述第四函数用于解析所述线性方程或线性不等式中的运算。构造第五函数，如constraintFromExpression函数，所述第五函数通过调用所述第一函数、第二函数、第三函数和第四函数对每条约束信息进行解析。

本实施例通过对所述约束信息进行解析，将描述性的所述约束信息解析为对应的计算机可以识别运行的计算机程序，减少了代码的冗余，提高了开发效率。

在上述实施例的基础上，本实施例中对所述约束信息中的运算符号进行解析的步骤具体包括：将所述约束信息中的第一运算符号解析为将所述基准视图的属性值乘以预设常数；将所述约束信息中的第二运算符号解析为将所述基准视图的属性向右或向下平移；将所述约束信息中的第三运算符号解析为将所述基准视图的属性向左或向上平移。

具体地，iOS界面坐标系上，x轴上正数表示在右边，负数表示在左边，y轴上正数表示在下边，负数表示在上边。所述运算符号包括所述第一运算符号、第二运算符号和第三运算符号。所述第一运算符号可以为乘号，所述第二运算符号可以为+号，所述第三运算符可以为减号。如将线性方程veiwA.left＝viewB.right*1+100描述的约束信息解析为所述目标视图veiwA的左边框在所述基准视图viewB的右边框向右移动100个点的位置。iOS中用点作为坐标单位。将线性方程veiwA.left＝viewB.right*1-100描述的约束信息解析为所述目标视图veiwA的左边框在所述基准视图viewB的右边框向左移动100个点的位置。将线性方程veiwA.top＝viewB.bottom*1+100描述的约束信息解析为所述目标视图veiwA的上边框在所述基准视图viewB的下边框向下移动100个点的位置。将线性方程veiwA.top＝viewB.bottom*1-100描述的约束信息解析为所述目标视图veiwA的上边框在所述基准视图viewB的下边框向上移动100个点的位置。

在上述任一实施例的基础上，本实施例中所述目标视图的属性包括left、right、top、bottom、width和height；所述基准视图的属性包括left、right、top、bottom、width和height；所述关系符号包括＝＝、＝、>＝和<＝；所述运算符号包括+、-、*和/。

具体地，所述left属性为左边框，right属性为右边框，top属性为上边框，bottom属性为下边框，width属性表示宽度，height属性表示高度。

在上述实施例的基础上，本实施例中所述步骤S2具体包括：将解析结果封装为约束对象，将所述约束对象添加到所述目标视图的对象中；根据所述目标视图对象中的约束对象，对所述目标视图进行布局。

具体地，将解析结果封装为约束对象，如NSLayoutConstraint对象，将所述约束对象添加到所述目标视图的对象中。根据所述目标视图对象中的约束对象，获取所述目标视图的坐标和尺寸。使用所述目标视图的坐标和尺寸对所述目标视图进行布局，从而实现所述目标视图的自动布局。一方面，所述约束对象自动生成，提供了开发效率；另一方面，在对目标视图的布局进行修改时，只需要修改所述目标视图相应的约束信息，便于维护。

在本发明的另一个实施例中提供一种共享礼物装置，图2为本发明实施例提供的iOS中的视图自动布局装置结构示意图，该装置包括获取单元1和布局单元2，其中：

所述获取单元1用于获取根据约束描述规则所设置的目标视图的约束信息；所述布局单元2用于对所述约束信息进行解析，根据解析结果对所述目标视图进行布局。

具体地，所述约束描述规则用于展示视图之间的相对布局关系。所述目标视图为需要进行布局的视图。所述约束信息以描述性的方式展示对所述视图布局的约束。当需要对视图进行约束时，用户根据所述约束描述规则，设置所述目标视图的约束信息。实现了所述目标视图的业务逻辑和布局信息的分离。所述获取单元1获取所述约束信息。所述布局单元2对所述目标视图的每条约束信息进行解析，将描述性的约束信息解析为对应的计算机可以识别运行的计算机程序。根据解析结果，获取所述目标视图的坐标和尺寸。使用所述目标视图的坐标和尺寸对所述目标视图进行布局。

本实施例通过获取根据约束描述规则设置的目标视图的约束信息，通过所述约束信息可以直观看出目标视图设置的约束；同时，对目标视图的约束信息进行解析，根据解析结果实现目标视图的自动布局，提高了开发效率；此外，在对目标视图的布局进行修改时，只需要修改所述目标视图相应的约束信息，便于维护。

在上述实施例的基础上，本实施例中所述获取单元具体用于：使用所述约束描述规则中的线性方程或线性不等式构建所述目标视图的约束信息，所述约束信息包括所述目标视图、基准视图、所述目标视图和所述基准视图的属性、运算符号、关系符号和常数。

在上述实施例的基础上，本实施例中所述布局单元具体用于：对所述约束信息中的运算符号、关系符号、运算、目标视图的属性和基准视图的属性进行解析。

在上述各实施例的基础上，本实施例中还包括构造单元，用于构造第一函数，以解析所述线性方程中的和线性不等式中的关系符号；构造第二函数，以解析所述线性方程或线性不等式中目标视图的属性和基准视图的属性；构造第三函数，以解析所述线性方程或线性不等式中的运算符号；构造第四函数，以解析所述线性方程或线性不等式中的运算；构造第五函数，以调用所述第一函数、第二函数、第三函数和第四函数对所述约束信息进行解析。

在上述实施例的基础上，本实施例中所述布局单元具体用于将所述约束信息中的第一运算符号解析为将所述基准视图的属性值乘以预设常数；将所述约束信息中的第二运算符号解析为将所述基准视图的属性向右或向下平移；将所述约束信息中的第三运算符号解析为将所述基准视图的属性向左或向上平移。

在上述实施例的基础上，本实施例中所述目标视图的属性包括left、right、top、bottom、width和height；所述基准视图的属性包括left、right、top、bottom、width和height；所述关系符号包括＝＝、＝、>＝和<＝；所述运算符号包括+、-、*和/。

在上述各实施例的基础上，本实施例中所述布局单元具体用于：将解析结果封装为约束对象，将所述约束对象添加到所述目标视图的对象中；根据所述目标视图对象中的约束对象，对所述目标视图进行布局。

本实施例提供一种iOS中的视图自动布局设备，图3为本发明实施例提供的iOS中的视图自动布局设备结构示意图，该设备包括：至少一个处理器31、至少一个存储器32和总线33；其中，

所述处理器31和存储器32通过所述总线33完成相互间的通信；

所述存储器32存储有可被所述处理器31执行的程序指令，所述处理器调用所述程序指令能够执行上述各方法实施例所提供的方法，例如包括：S1，根据约束描述规则，设置目标视图的约束信息；S2，对所述约束信息进行解析，根据解析结果对所述目标视图进行布局。

本实施例提供一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行上述各方法实施例所提供的方法，例如包括：S1，根据约束描述规则，设置目标视图的约束信息；S2，对所述约束信息进行解析，根据解析结果对所述目标视图进行布局。

本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

以上所描述的iOS中的视图自动布局设备实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

最后，本申请的方法仅为较佳的实施方案，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种iOS中的视图自动布局方法，其特征在于，包括：

S1，获取根据约束描述规则所设置的目标视图的约束信息；

S2，对所述约束信息进行解析，根据解析结果对所述目标视图进行布局。

2.根据权利要求1所述的方法，其特征在于，所述步骤S1具体包括：

使用所述约束描述规则中的线性方程或线性不等式构建所述目标视图的约束信息，所述约束信息包括目标视图、基准视图、所述目标视图和所述基准视图的属性、运算符号、关系符号和常数。

3.根据权利要求2所述的方法，其特征在于，所述步骤S2具体包括：

对所述约束信息中的运算符号、关系符号、运算、目标视图的属性和基准视图的属性进行解析。

4.根据权利要求1-3任一所述的方法，其特征在于，对所述约束信息进行解析之前还包括：

构造第一函数，以解析所述线性方程中的和线性不等式中的关系符号；

构造第二函数，以解析所述线性方程或线性不等式中目标视图的属性和基准视图的属性；

构造第三函数，以解析所述线性方程或线性不等式中的运算符号；

构造第四函数，以解析所述线性方程或线性不等式中的运算；

构造第五函数，以调用所述第一函数、第二函数、第三函数和第四函数对所述约束信息进行解析。

5.根据权利要求3所述的方法，其特征在于，对所述约束信息中的运算符号进行解析的步骤具体包括：

将所述约束信息中的第一运算符号解析为将所述基准视图的属性值乘以预设常数；

将所述约束信息中的第二运算符号解析为将所述基准视图的属性向右或向下平移；

将所述约束信息中的第三运算符号解析为将所述基准视图的属性向左或向上平移。

6.根据权利要求3所述的方法，其特征在于，所述目标视图的属性包括left、right、top、bottom、width和height；

所述基准视图的属性包括left、right、top、bottom、width和height；

所述关系符号包括＝＝、＝、>＝和<＝；

所述运算符号包括+、-、*和/。

7.根据权利要求1-3任一所述的方法，其特征在于，所述步骤S2具体包括：

将解析结果封装为约束对象，将所述约束对象添加到所述目标视图的对象中；

根据所述目标视图对象中的约束对象，对所述目标视图进行布局。

8.一种iOS中的视图自动布局装置，其特征在于，包括：

获取单元，用于获取根据约束描述规则所设置的目标视图的约束信息；

布局单元，用于对所述约束信息进行解析，根据解析结果对所述目标视图进行布局。

9.一种iOS中的视图自动布局设备，其特征在于，包括：

至少一个处理器、至少一个存储器和总线；其中，

所述处理器和存储器通过所述总线完成相互间的通信；

所述存储器存储有可被所述处理器执行的程序指令，所述处理器调用所述程序指令能够执行如权利要求1至7任一所述的方法。

10.一种非暂态计算机可读存储介质，其特征在于，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行如权利要求1至7任一所述的方法。