首页 > 移动平台 > 详细

IOS7配置自动布局的约束

时间:2014-05-04 18:00:32      阅读:513      评论:0      收藏:0      [点我收藏+]


上一篇博客记录了怎么使用代码对视图进行约束,原文:点击打开链接

这次记录一下关于自动布局的例子,

1.创建一个Single View Application :

2.选择自动布局:

bubuko.com,布布扣


3.拖拽两个TextField和一个按钮到视图中,把他们放在屏幕的水平位置的中央,运行:

手机竖屏的时候,很好看:

bubuko.com,布布扣


横屏的时候就变成了这个鸟样子,()

bubuko.com,布布扣



当然你可以用代码添加约束,不过有了autoLayout 一切是那么的美好。


4.选中两个Text Field按照下图设置垂直间距,  


bubuko.com,布布扣


按照上边的方法依次设置,

三个构件的leading space to superview 和trailing space to superview

下边textfile 和button 的vertical spacing

上边 TextFiled的top space to superview 

设置完后约束图如下

bubuko.com,布布扣

必须所有的约束线全部变成蓝色 ,如果是红色说明约束还没设置完整,

可以点击红色箭头查看缺少的约束。

bubuko.com,布布扣


设置完后运行效果如下:


bubuko.com,布布扣


bubuko.com,布布扣


IOS7配置自动布局的约束,布布扣,bubuko.com

IOS7配置自动布局的约束

原文:http://blog.csdn.net/wildcatlele/article/details/24971371

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!