自動佈局(autoLayout)演練2

那這一篇的練手的任務是：     

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

如上圖：紅色記號表明間距都是20，兩圖片的高度都爲40，最重要的一點：兩圖片的右邊距（Trailing）對齊

 

1.添加兩個uiview，我這是用的是storyboard拖的，兩個uiview，設置好背景顏色

 

2.autoLayout與autosizing是重複的，不能混用，所以在xcode6.1以上要用autoLayout時，要在把zutosizing的勾去掉，要用autoLayout，把勾打上，由於這張圖是xcode5.1,因此與xcode6不一樣

 

3.首先弄藍色視圖：

1.）

 

 

 

 

 

 

 

 

 

 

 

 

添加4條約束，因兩頭間距都是20，因此藍色視圖的長度是固定的，故不用設置其藍色視圖的width，

ok，點擊藍色視圖，就能夠看到藍色的線條，那就說明藍色視圖的約束所有設置成功了，。

 

4.紅色視圖：

 

1.)

 

 

 

 

 

 

 

 

 

2.)由於紅色視圖與藍色視圖的右邊距都是對其的，故‍按住shift鍵，同時選中藍色與紅色視圖，再添加約束。

 

 

ok,到這，就大功形成了。

注意：你們會發如今視圖上添加約束時，會發現右上腳會出現黃色的警告，是由於你設置的約束與你當前要設置視圖的frame不一致，好比說：你要設置某視圖居中的話，添加約束Horizontal  Center in Container和Certical Center in Container ，可是如今視圖每每不是居中的，與你要約束的位置不一致，會出現了黃色警號，通常的話，咱們是無論它的，在添加完約束，再點擊黃色的警告，點擊Update Frame，視圖就會按照你添加的約束佈局了。