Autolayout,開始于iOS6.0
 
一.什么时候用autolayout比較适合
 
1.不负责任的骑墙派说法:apple的设备越来越多了,你的应用应该都使用al。

(而且用sb)

 
2.要看应用内容决定。假设你的内容是信息众多。同一时候须要展示的类别也非常多。尺寸动态不定。甚至这些是在列表中的。(如社交应用)。Al能给于非常大的帮助。
 
3.Mac os的应用。如今都做iOS了。

mac app的窗体。会有大小变化。al比較合适。

 
4.支持多向转屏的iPad应用。(有须要支持多方向iphone场景么?那么长,脑残了?)
 
5.其它业务不复杂,页面较少的应用,事实上。cocoa程序猿写了多年code都有自己的ui编程习惯,这些习惯对于他们来说是非常高效的。就算是第一项所说。布局的坐标都是相对的。
 
假设是习惯于code写布局的。建议能够继续沿用,同一时候也要学习al。自我感觉al和传统布局写法,工作量不会相差太多。

可是VFL用熟练了以后会有非常大的改善。

 
二.autolayout的基础理论
 
al的核心出发点是
 
1.view具有自我计算尺寸,布局的能力。通过它自身的内容,可以得到尺寸。
 
2.view的布局位置,确定于它与superview及其它view的关系。
 
3.与传统的autoresizingmask自适应相比,al更精确,能绝对的确定view的布局。
 
4.view不一定须要一个初始的rect。al中,view假设有足够的constraint,便能够确定自己的尺寸和位置,而且知道自己和其它view的关系。即,想确定view的布局。就给它(们)加入constraint。

 
三.xib下的autolayout
 
似乎al和xib布局模式生来就是要搞在一起的。用xib加al,view布局很easyeasy。

编程工作立马变成了美工的连线拼图游戏。

 
开启xib或者sb后,选择须要view(s)。选择menu的Editor,选择Pin。子菜单的项目就是可用的constraints。

Width:固定自身宽度
 
Height:。。

 
H- Spacing: 固定两个view的水平间距
 
V- Spacing:。。。
 
以下4个各自是view相对于superview的左、右、上、下的间距
 
Widths Equally:两个view保持宽度同样
 
Heights Equally:。。。

 
xib界面右下角工具条也有能够编辑constraint的方式:
每一个constraint加入后都是能够编辑的。

选中某个constraint后开启右边栏选inspector。能够改动数值。(这个数值是view间的偏移量)和优先级。

 
自己慢慢拖着玩去。这不是傻瓜教程。点到位,自己研究。
 
xib下的al比較直观。能够基本看到效果和误差值。

还有不对的constraint的提示。

少了constraint编译器会补。多了会提示报错。(只是都会引起界面布局不对。自己慢慢调吧,哥如今还是满篇alert,没有让编译器感觉矛盾费解的constraint。都是能够work的。)

 
还有resolve的方式解决constraint的问题,抱歉,我不会。

 
四.编码方式使用autolayout
 
对于页面不多。的普通应用。xib/sb加al。拖拖拽拽。

娱乐中就能够完毕UI的工作。

al的确给于了不少方便。

 
只是多年的强迫症程序员怎么会忍受这样的非常逊的方式。(拖积木?不写程序?好像一天没做事。)
 
1.Visual format language (应该不算语言)
Apple的project师非常有爱。发明了这样的哭笑不得的象形文字。感觉它就是种解析方式。
 
Apple的官方文档给出了少之又少的文档和坑爹的样例。(视频我没看,不知道怎么样)网上的同学们也写了点不痛不痒的几句代码。你这是学了1+1就让人搞微积分的节奏么?要写不写清楚,不如不写。

 
从厚道的老外那看了几篇。自己体会了些,分享给大家。仅仅是个基本水平吧,会了这些,代码写al应该没有问题了。深入的我也还不会。希望遇到更有爱的牛人分享。
 
VFL在程序中由支持:
 
  1. + (NSArray *)constraintsWithVisualFormat:(NSString *)format options:(NSLayoutFormatOptions)opts metrics:(NSDictionary *)metrics views:(NSDictionary *)views;
 
 
- 它返回一组constraint. 
- format是你的VFL字串,等下讲。
 
- opts自己点去头文件看。

有些情况会用,等下有样例。

 
- metrics是一个奇异的字典。是你自定义的。

这个字典里面的key能够写在format字串中。编译器解析时。自己主动替换为metrics字典中的value。

等下有样例。

 
- views是须要constraint关系的全部view.(也能够是一个)
  
2.VFL样例
写vfl字串的时候,脑海里要想象出画面的合理性。不合理的constraint会导致程序执行时报错或者直接崩溃。
 
随便写几个
 
  1. NSDictionary *dict1 = NSDictionaryOfVariableBindings(_boxV,_headerL,_imageV,_backBtn,_doneBtn);
  2. NSDictionary *metrics = @{@"hPadding":@5,@"vPadding":@5,@"imageEdge":@150.0};
  3. NSString *vfl = @"|-hPadding-[_boxV]-hPadding-|";
  4. NSString *vfl0 = @"V:|-25-[_boxV]";
  5. NSString *vfl3 = @"V:|-vPadding-[_headerL]-vPadding-[_imageV(imageEdge)]-vPadding-[_backBtn]-vPadding-|";
 
dict1就是api 中须要的最后一个參数views。由上述宏来完毕。

 
metrics定义了一些vfl中要用的參数。
 
以下有些vfl字串,一看便知怎样使用metrics。
 
看到:
 
1)"|"表示superview. 
 
    |-间距-[view1对象名]-(>=20)-[view2对象名]
 
    不写H/V就表示横向。间距能够写固定值也可写>/<。
 
    形象化的理解。"|"是用来确定view上、下、左、右关系的。

 
    想要确定从上到下的关系。就加V:|。那么这个vfl字串就能够描写叙述从上到下的view们的关系。
 
2)看到vfl3里面,方括号表示view。圆括号表示尺寸数值。支持大小等于。或者还有一个view |-[view1(view2)],v1的宽度等于v2。
 
3)优先级用@表示。如V:|-50@750-[view(55)]。或者写到metrics里面更好。

 
    详细定义查看UILayoutPriority。有几个固定的数值。1000表示必须支持。
 
4)options。这个要看详细须要。假设是竖排V布局。能够加入NSLayoutFormatAlignAllLeft,让他们对齐。
 
    依据须要也能够加入按位或NSLayoutFormatAlignAllLeft | NSLayoutFormatAlignAllRight。(鬼知道什么须要,自己看经验吧)
 
5)写好以后一般把constraint加入给superview:
 
  1. NSString *vfl1 = @"|-hPadding-[_headerL]-hPadding-|";
  2. [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:vfl1 options:0 metrics:metrics views:dict1]];
 
 
6)另一个api用于生成单个constaint
 
  1. +(id)constraintWithItem:(id)view1 attribute:(NSLayoutAttribute)attr1 relatedBy:(NSLayoutRelation)relation toItem:(id)view2 attribute:(NSLayoutAttribute)attr2 multiplier:(CGFloat)multiplier constant:(CGFloat)c;
 
对于參数。记得。view1.attr1 = view2.attr2 * multiplier + constant就好。
这个是不用VFL的。好理解,可是不方便。假设用这个写。工作两不会比传统布局少多少。
 
 
五.实际操作中的问题
上面都是理论。世界操作会有些奇怪的问题要注意。这节才是重点。

 
xib模式,没啥要注意的。xib里报warning就报吧,我也不知道怎么弄,一切正常就好。
 
编码模式中,
1.addConstraint(s)前,view应该去部被addSubView上去了。

2.不必给views写frame
3.给必要的view关掉AutoresizeingMask。

[_aView setTranslatesAutoresizingMaskIntoConstraints:NO];

4.UILabel换行要写linebreakMode,要写numberOfLines(iOS7.0默认好像是1,坑爹了)
5.UILabel要想换行。一定要加入preferredMaxLayoutWidth。

否则没法初始化宽度。

 
编码模式感受到的最慷慨便。label换行不用写行高计算了。

全然自己主动适应。

label所在的superview也会自己主动计算rect。这才是al的精华。

 
所以,能够不用写这些了:
 
  1. [objc] view plaincopy
  2. /*
  3. if([[UIDevice currentDevice].systemVersion floatValue]<7.0){
  4. CGSize titleS = [title sizeWithFont:[_headerL font]
  5. constrainedToSize:CGSizeMake(270.0, CGFLOAT_MAX)
  6. lineBreakMode:NSLineBreakByWordWrapping];
  7. _headerL.frame = CGRectMake(_headerL.frame.origin.x, _headerL.frame.origin.y,
  8. _headerL.frame.size.width, titleS.height);
  9. }else{
  10. CGRect titleR = [title boundingRectWithSize:CGSizeMake(270.0, CGFLOAT_MAX)
  11. options:NSStringDrawingUsesLineFragmentOrigin
  12. attributes:nil
  13. context:nil];
  14. headerL.frame = CGRectMake(_headerL.frame.origin.x, _headerL.frame.origin.y,
  15. _headerL.frame.size.width, titleR.size.height);
  16. }
  17. */
 

Autolayout和VFL的更多相关文章

  1. Autolayout(VFL)

    Autolayout(VFL) 1.NSLayoutConstraint + (NSArray *)constraintsWithVisualFormat:(NSString *)format opt ...

  2. 【原】iOS学习之苹果原生代码实现Autolayout和VFL语言

    1.添加约束的规则 在创建约束之后,需要将其添加到作用的view上 在添加时要注意目标view需要遵循以下规则: 1)对于 两个同层级view之间 的约束关系,添加到它们的父view上 2)对于 两个 ...

  3. Autolayout及VFL经验分享

    http://www.cocoachina.com/industry/20131108/7322.html 这篇不是什么教程.Cocoa autolayout出来蛮久了.以前多次想去深入研究一下,每次 ...

  4. iOS,自动布局autoresizing和auto layout,VFL语言

    1.使用autoresizing 2.使用autolayout 3.VFL语言(Visual Format Language:可视化格式语言) 使用autoresizing 点击xib文件,去掉使用a ...

  5. 从此爱上iOS Autolayout

    转:从此爱上iOS Autolayout 这篇不是autolayout教程,只是autolayout动员文章和经验之谈,在本文第五节友情链接和推荐中,我将附上足够大家熟练使用autolayout的教程 ...

  6. 【iOS开发】多屏尺的自动适配 AutoLayout (纯代码方式)

    关于AutoLayout,最早从iOS6开始引入使用.   主要功能是使用约束,对视图进行相对布局,以适应不同屏尺的变换.   网上大量的资料都在介绍xib和storyboard,如何使用AutoLa ...

  7. 一篇文章详解iOS之AutoResizing、AutoLayout、sizeClass来龙去脉

    前言 iPhone自诞生以来,随着其屏幕尺寸不断的多样化,屏幕适配的技术一直在发展更新.目前,iOS系统版本已经更新到9.3,XCode的最新版本已经是7.3,仅iPhone历史产品的尺寸就已经有4种 ...

  8. [转]从此爱上iOS Autolayout

    原文地址 这篇不是autolayout教程,只是autolayout动员文章和经验之谈,在本文第五节友情链接和推荐中,我将附上足够大家熟练使用autolayout的教程.这篇文章两个月前就想写下来,但 ...

  9. iOS9 适配

    iOS适配的相关内容的整理 之前iOS开发者一直很庆幸自己不用像安卓开发者那样适配各种不同类型的机型,但如今随着iPhone各种机型的改变,适配也成了我们开发中必须会的内容了.首先我们来了解一下对于不 ...

随机推荐

  1. Scrapy爬取多层级网页内容的方式

    # -*- coding: utf-8 -*- import scrapy from Avv.items import AvvItem class AvSpider(scrapy.Spider): n ...

  2. redis配置cluster分布式集群

    #下载最新的redis5. wget http://download.redis.io/releases/redis-5.0.3.tar.gz .tar.gz cd redis- make make ...

  3. POJ 1651 区间DP Multiplication Puzzle

    此题可以转化为最优矩阵链乘的形式,d(i, j)表示区间[i, j]所能得到的最小权值. 枚举最后一个拿走的数a[k],状态转移方程为d(i, j) = min{ d(i, k) + d(k, j) ...

  4. POJ 1849 树的直径 Two

    如果一个点开始遍历一棵树再回到原点那么每条边走两次. 现在是两个人从同一点出发,那么最后遍历完以后两人离得越远越好. 最后两人所处位置的路径上的边走了一次,其他边走了两次. 要使总路程最小,两人最后停 ...

  5. java 邮箱验证

    1.需要加入发送邮件的mail.jar: http://www.oracle.com/technetwork/java/javamail/index-138643.html 2.将字符串通过MD5进行 ...

  6. vscode and python

    http://robotkang.cc/2017/04/VS-Code-%E9%85%8D%E7%BD%AEPython/

  7. NYOJ 118 修路方案

    修路方案 时间限制:3000 ms  |  内存限制:65535 KB 难度:5   描述 南将军率领着许多部队,它们分别驻扎在N个不同的城市里,这些城市分别编号1~N,由于交通不太便利,南将军准备修 ...

  8. 九度oj 题目1021:统计字符

    题目描述:     统计一个给定字符串中指定的字符出现的次数. 输入:     测试输入包含若干测试用例,每个测试用例包含2行,第1行为一个长度不超过5的字符串,第2行为一个长度不超过80的字符串.注 ...

  9. BZOJ 1007 [HNOI2008]水平可见直线 ——半平面交 凸包

    发现需要求一个下凸的半平面上有几个交点. 然后我们把它变成凸包的问题. 好写.好调.还没有精度误差. #include <map> #include <ctime> #incl ...

  10. BZOJ 1974 [Sdoi2010]auction 代码拍卖会 ——动态规划

    把每一位上不递减的数拆成1+11+11111+11111+..... 然后就可以把巨大的N从复杂度中消掉,因为随着长度的增加1...111%p出现了循环节. 然后就是从n个数中选出几个使他们结果为0( ...