1. 程式人生 > >iOS開發中使用AutoLayout進行不同螢幕尺寸匹配

iOS開發中使用AutoLayout進行不同螢幕尺寸匹配

       自從釋出了iPhone6和plus後,蘋果手機的螢幕尺寸就變成了3.5寸,4.0寸,4.7寸,5.5寸。螢幕適配問題就變成了一個比較嚴峻的問題。介面佈局會在不同尺寸上產生較大的影響,影響使用者體驗。現在我們需要使用蘋果新發布的AutoLayout來匹配不同的介面佈局。具體步驟如下:

(1)在storyboard中,設計如下佈局,在介面底部顯示一行文字。

(2)然後分別在iPhone4s和iPhone5s上執行。可以發現在4s上是一片空白,因為我們設計的時候是在4寸的螢幕上設計的,而4s螢幕只是3.5寸,所以這些底部的文字被擠到螢幕外面看不到了。然後在4寸的5s上顯示正常。

(3)開始使用AutoLayout進行自動佈局。選中當前ViewController,在右側勾選“Use Auto Layout”.並且在右上角選擇“Show the Assistant Editor”.並且選擇預覽功能,可以看到當前介面佈局能在不同裝置上顯示出來。

(4)在第一個介面右下角點選“Resolve Auto Layout Issues”,如圖所示:

(5)點選“Add Missing Constraints”,為當前介面新增約束。然後介面就會自動匹配到不同的尺寸上。

(6)分別在4s,5s上進行測試。

       這樣,就能完成不同螢幕的適配了。