自动布局(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，视图就会按照你添加的约束布局了。