一些初學者經常在使用autoLayout時,做得效果不太理想,經常會出現界面錯亂的情況。
本文章用一個小實例說明autoLayout的使用
非常的簡單,只要記住 規則就可以使界面適屏布局,適配各種iphone手機的屏幕
1.新建一個swift項目(以Single View Application模板新建項目)
將Main.storyboard中的默認的ViewController 設為iPhone 4-inch 尺寸(也就是iphone 5s的屏幕大小)
2.往View上放一些按鈕(UIButton),並設置一下背景顏色,方便 看得清楚 。如圖下
這時候使用 iphone5s的模擬器運行,將看到屏幕很漂亮,但用iphone6 模擬器或iphone6 plus模擬器 再運行一下就全是向左上方向靠了。
3.我們的目標就是要它像iphone5s模擬器上的樣子。
首先處理第一個按鈕:選中第一個按鈕,點擊下方 |-口-|這個圖標,彈出的窗口,為其添加Constraints
注意:這里是不用考慮數值的,默認是多少就是多少。只需要設置你所需要讓按鈕往哪邊拉,占位置。
很明顯第一個按鈕需要添加:上左右的Constraints 並加上個高度Hight,讓其高度固定
4.同理第二排按鈕中的第1個 應設置:左、上Constraints +固定寬Width+高Height。
視頻演示地址:http://v.youku.com/v_show/id_XOTI2NTU4MDA4.html
原文出自:http://www.cnblogs.com/wuxian/p/4396962.html 轉載就注明來源