约束--自动布局

前缘 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中

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,772评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,458评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,610评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,640评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,657评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,590评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,962评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,631评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,870评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,611评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,704评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,386评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,969评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,944评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,179评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,742评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,440评论 2 342

推荐阅读更多精彩内容