约束--自动布局

前缘 leading edges

后缘  trailing edge


margins边界

autosizing mask决定了当一个视图的父视图大小改变时,其自身需要做出什么改变。

autosizing系统在简单的情况下非常奏效,但当你布局变得更复杂时,它立马跪了。

autosizing masks-也被认为是springs&struts模式

nib或者storyboard文件都默认激活了自动布局

要准确描述一个矩形需要确定以下四个布局属性(Layout Attribute),即水平位置x、垂直位置y、宽度w、高度h

给出其相对于父视图的“对齐方式与缩放系数”,即autoresizingMask

autoresizingMask的问题在于

其描述界面变化规则不够灵活,很多变化规则根本无法精确描述。autoresizingMask缩放比例是UIKit内部计算的,开发者无法指定缩放比例的精确值。

变化规则只能基于父视图与子视图之间,无法建立同级视图或者跨级视图之间的关系。例如,对于上图的计算器,autoresizingMask无法描述数字键5紧贴在数字键8下面,以及数字键0左侧与数字键1左侧对齐且数字键0右侧与数字键2右侧对齐这样的规则。

显式坐标定位方式

自动布局(Auto Layout)与布局约束(Layout Constraint)

自动布局是对autoresizingMask的进一步改进,它允许开发者在界面上的任意两个视图之间建立精确的线性变化规则。所谓线性变化就是数学中的一次函数

数字键5的水平中心x坐标 = 1.0 * 数字键8的水平中心x坐标 + 0.0  //8和5水平中心对齐

数字键5的顶部y坐标 = 1.0 * 数字键8的底部y坐标 + 0.0  //8的底部为5的顶部

数字键5的宽度w = 1.0 * 数字键8的宽度w + 0.0  //8和5宽度相等

数字键5的高度h = 1.0 * 数字键8的高度h + 0.0  //8和5高度相等



添加自动布局约束(下文简称约束)有以下几种方式:约束和约束之间会冲突, 无论是xib和xib, xib和代码, 代码和代码.

使用Xcode的Interface Builder界面设计器添加并设置约束

通过系统原生的NSLayoutConstraint逐条添加约束

通过可视化格式语言VFL添加约束

使用第三方类库(如Masonry)添加约束

Visual Format Language in Auto Layout Guide.

Size Class

:Compact-紧凑, Regular-正常(Any-任意



约束冲突系统自动会解决, 通常依靠的是权级, 但是由于一般情况使用无法确定某一约束应该处于什么权级, 所以很难设置正确的权级以应对冲突.

约束的冲突, 在系统自动解决时可能相同情况出现不同的处理, 导致某些不能每次都重现的问题.

约束冲突, debug连调时会出现错误log, 可以根据log查找解决冲突.



01-14---xib

1、 nib apps 中,有一个必不可少的文件: MainWindow.xib 。 app运行时,呈现在你面前的第一个画面,就是UIWindow 对象。 而UIWindows 就是包含在 MainWindow.xib 中。

具体来讲, MainWindow.xib ,UIWindow, App Delegate,root view controller ,这四者是密切关联的。 我们要理解这四者之间的关系,方能更好地明白 storyboard apps 的运行机制。

2. storyboard apps 运行逻辑图

在storybord apps 中, MainWindow.xib 是不存在的。 取而代之的是 main.storyboard 文件。

AppDelegate 继承于 UIResponder,并且拥有一个 UIWindow property。 声明的方式很简洁。

storybord 还有三个好汉。

info.plist 文件:

当storyboard apps 启动时, 它怎么知道从哪里加载main.storyboard 文件呢?  秘密就在info.plist上。 你会看到, UIMainStoryboardFile 或 “Main storyboard file base name” 的键值设为了 Main

当app 启动时,UIApplicaiton 会自动加载main.storyboard 文件。 同时,会自动加载 main.storyboard  上的第一个视图控制器 (view controller),并且,将该 view controller 所对应的 View 加载到UIWindow 对象中

Deployment Info 的设置:

点击 Project settings,  可以看到Deployment Info。 你会注意到, Main Interface 也设为了 Main。 其实,这里的 Main 所指的就是 main.storyboard。

main.m 文件:

int main(int argc, char *argv[])

{

@autoreleasepool {

return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));

}

}

将app delegate class 传给 UIApplicationMain。  因为整个App 启动和运行的入口,就在UIApplicationMain中

你可能感兴趣的:(约束--自动布局)