iOS开发技巧 autolayout自动布局

iOS开发技巧（系列十五：autolayout自动布局）

发表于3个月前(2014-06-14 13:59)   阅读（121） | 评论（1） 6人收藏此文章, 我要收藏

赞0

摘要 autolayout能够方便的进行屏幕适配

ios autolayout constraints 自动布局

autolayout自动布局技术在iOS6就已经推出了，可是由于不少人一开始不习惯使用xib编程，而是坚持使用代码布局控件，因此autolayout并无普及的太快。可是如今随着愈来愈多的人开始使用xib，怎样适配不一样屏幕的尺寸和横竖屏，成了亟待解决的问题，好在两年前就已经推出而且日臻完善的xib autolayout技术能够完美的解决。

首先须要说下需求：须要登录LoginViewController视图View上面的控件居中显示。

下面我就以一个简单的例子，来简要说明使用autolayout的小技巧，

（1）拖拉一个View到LoginViewController.xib的视图上面，调整高度为300，我下面都称其为MiddleView吧，以下图所示，

为了让图片垂直居中显示，咱们能够经过键盘的上（↑）下（↓）按键移动View。

（2）拖两个UITextField和一个UIButton到View上面，同时设置了MiddleView的背景色为LightGray，以下图所示，

（3）给MiddleView添加约束，使其水平和竖直居中，先选中MiddleView，而后按照下图操做，

（4）给MiddleView添加宽高（width and height）的约束，上面仅仅添加水平和垂直居中，会有警告，这是由于添加的约束还不够，以下图所示，添加宽高的约束，

（5）给MiddleView上面的空间添加相互间的约束，这时候添加约束就简单多了，先选中MiddleView上面全部的控件，只要点击一个Add Missing Constraints，，以下图所示，

经过上面一些简单的操做，保证登录界面中的控件无论在3.5寸仍是4寸的屏幕上面，都可以居中显示了。运行效果以下所示，

3.5寸屏幕效果图，

4寸屏幕效果图，

总结：这里的autolayout只是简单的内容，我也只是抛砖引玉。更强大的autolayout还有待我的本身去理解。我想要说的是技术的出现老是不会在第一时间用在实践中，这就形成了技术出现了可是没有人用，而过了很长时间之后，才意识到新出现的技术是多么的重要。因此，咱们要乐于去拥抱新出现的技术，哪怕如今使用不上，可是慢慢地学习，总有一天会有所用处。这是我对xib和autolayout技术的普及速度的一些理解，如今还有不少人在使用代码编写控件，他们已经再也不愿意相信xib和arc的好处，实际上这不利于本身的进步。我感受如今使用xib和autolayout，让编程再也不那么枯燥无味，咱们经过拖拖拉拉，调整大小，感受本身真的像一个设计师同样。

还有，如今苹果iOS8新推出了许多特性，开放了不少的开发者权限，想一想就是让人激动，因此赶快学习起来吧。另外苹果的swift语言，咱们也要好好学习，由于它真的可能取代OC。那么多Java、.Net开发者以前想转向iOS开发，可是限于设备和语言的鸿沟，他们一直没有机会转型，如今苹果的swift提供的便利，给了不少新手和Web开发老手机会转型，他们都在虎视眈眈，那么做为纯粹的iOS开发者，你赶快行动起来吧。早点学好swift，早点受益。