iOS 应用,通常是以界面(UI: User Interface)展示给用户。 没有界面的应用,对用户来说,将无所适从,总不至于罗列出一堆说明书吧。 iOS开发,很大一部分工作量都花在界面布局上,有时候为了让一个控件完美的显示就得调试不少时间。初学者对这个UI布局的操作,还有些新鲜感,但随着对iOS的深入理解,越是有经验的iOS开发者,对UI布局所花费的时间,无不深恶痛绝,在UI上无休止的改动,就是无休止的浪费时间。
我们在一般在使用storyBoard布局的时候使用autolayout,autolayout(以及iOS8中新增的sizeclass)是为了解决这些UI可视单元或者元素是怎样布局、排列的问题。 iOS6 之前的 layout: UI上元素(也可以理解为控件),以视图的左上角为参考坐标(0,0)进行布局。当屏幕大小发生变化时,你得手工编写大量的代码来做屏幕的适配,iOS6 推出auto layout功能,大大简化了UI设配的工作量。 当手机屏幕的frame 发生变化时,比如横屏竖屏,UI上控件(比如:button,imageView啦)的位置和大小会自动适配新的frame,无需人工调整,这就是 autolayout的强大之处。
Autolayout最基本的工具是约束(constraints),一个constraint描述了两个视图间的几何关系。比如,有这样一个约束:"label A左边缘和imageView B右边缘有10点的空白空间”。给UI元素设置constraints的时候,有的变橙色了,说明当前所做的约束还不能够确定这个UI元素的位置,需要继续添加约束,直到现在它的constraints都是蓝色的,红色的很明显就是添加的constraints是错误的了。
Xcode中的规则是:Xcode只为那些你没有设置任何约束的对象创建自动约束。一旦你增加一个约束,你便是告诉Xcode你接管了这个视图。Xcode将不再增加任何自动约束,并希望你为这个视图增加需要的约束。
参考资料
https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/AutolayoutPG/VisualFormatLanguage/VisualFormatLanguage.html#//apple_ref/doc/uid/TP40010853-CH3
https://developer.apple.com/library/ios/technotes/tn2154/_index.html
https://developer.apple.com/library/mac/documentation/AppKit/Reference/NSLayoutConstraint_Class/NSLayoutConstraint/NSLayoutConstraint.html