首页 > 代码库 > Xcode6下学习autolayout 一
Xcode6下学习autolayout 一
iOS8来了,Xcode也升级到6了,可是我连autolayout,甚至storyboard都不会用。
手工码代码都是通过宏定义来适配界面的,所以在iOS7出来的时候也没有变更搭UI的习惯。现在iOS8出来了,sizeclass autolayout一时间铺天盖地。下的我半死,感觉自己落伍了。赶紧的要学习storyboard,autolayout。。。
不过直到今天才终于有时间看下autolayout,不错再次之前,对storyboard不了解,首先看篇博客
http://blog.csdn.net/u010990519/article/details/38417381 ,博客中通过截图讲的非常精彩,赞一个!
现在新建一个新的工程,搭建如下UI,如果还是不会storyboard,就在看一遍上边的博客,
UI如下:
sizeclass 选择所有竖屏的iPhone
好的,UI搭好了,赶紧的贴个Label试试autolayout
label贴好了,开始使用autolayout,为了能够替换出来是auto的,就把label添加约束控制在右下角,通过长短屏幕测试。
Xcode工具栏,和storyboard面板里边都有添加约束的工具。注意:他们的顺序不是对应的。
首先使用storyboard面板的添加一个距离屏幕右边20像素的约束:
添加约束:
这个地方有个比较重要的地方就是去掉对勾,因为不去掉会有内边距,导致label会跟superView多出来16像素的距离(如果你设置约束为20,实际就是36);
添加后的效果:
一条约束不足固定label的frame,再添加一条距离底部20像素的约束
我现在不跑代码就像看到我现在的效果:
效果图:
label的宽度根据内容进行了适配。
现在run看看效果!!
底色是白色的,点几下图片就能看到效果都是右下角20-20
稍后继续。。。
Xcode6下学习autolayout 一