IOS7配置自動布局的約束

標籤：style   blog   tar   ext   get   art   

上一篇部落格記錄了怎麼使用代碼對視圖進行約束,原文：點擊開啟連結

這次記錄一下關於自動布局的例子,

1.建立一個Single View Application ：

2.選擇自動布局：

3.拖拽兩個TextField和一個按鈕到視圖中，把他們放在螢幕的水平位置的中央，運行：

手機豎屏的時候，很好看：

橫屏的時候就變成了這個鳥樣子，（）

當然你可以用代碼添加約束，不過有了autoLayout 一切是那麼的美好。

4.選中兩個Text Field按照設定垂直間距，  

按照上邊的方法依次設定，

三個構件的leading space to superview 和trailing space to superview

下邊textfile 和button 的vertical spacing

上邊 TextFiled的top space to superview 

設定完後約束圖如下

必須所有的約束線全部變成藍色 ，如果是紅色說明約束還沒設定完整，

可以點擊紅色箭頭查看缺少的約束。

設定完後運行效果如下：