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，早點受益。