2019獨角獸企業重金招聘Python工程師標準>>>

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

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

如上圖：紅色記號代表間距都是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，視圖就會按照你添加的約束布局了。

?

?

?

轉載于:https://my.oschina.net/u/1581898/blog/399305

總結

以上是生活随笔為你收集整理的自动布局(autoLayout)演练2的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。