一步一步學習Swift之(三):巧用AutoLayout布局


一些初學者經常在使用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 轉載就注明來源


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM