Xcode中AutoLayOut的簡單使用

作了一段界面最頭疼的就是適配的問題了，使用AutoLayOut作適配是一個不錯的選擇，

本身作的一個小例子，具體以下：

一.在新建的xib文件中勾選上 autoLayout，默認是勾選上的

二.在xib中拖上四個view設置不一樣的背景色

三.先設置橘黃色的view，在屏幕的左上方設置左邊和上邊的間距都是0，在視圖中先要控制橘黃色視圖在主視圖中的位置，以主視圖的水平中線和豎直中線爲參照，以下圖

四.設定了橘黃色水平和豎直中線以後，還要修改橘黃色view的右邊框對齊豎直中線，底部邊框對齊水平中線

選中橘黃色的view，點擊Align Center Y修改

修改前和修改後的以下圖：將center.y 變成bottom

 

同裏，對Align Center X也是一樣的操做：leading是左對齊，Trailing是右對齊，選擇右對齊

五.選中下方的第三個選項，選擇更新frame

更新以後視圖以下：

六. 以後對藍色，紅色，黃色執行以下操做：

同時選中四個視圖

勾選equal widths 和equal heights

七.再分別對單個的view進行操做分別爲右上方view，左下方view，右下方view

最後更新每個view的frame，最後效果以下

八，再每個view中添加imageview控件和label控件顯示圖片和文字

imageview控件的寬高和對齊的位置，再父視圖中水平 豎直居中，最後更新imageview的frame

label控件的frame設置 在父視圖中左右間距都爲0，距離底部也爲0 設置字體的屬性爲居中

在更新label的frame，其餘三個view上也是相似的操做，效果以下

九.最後效果以下

本例的測試demo  http://pan.baidu.com/s/1eQ4CtAM