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 


稍后继续。。。








  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值