iOS Autolayout入门简介

本文介绍如何在XIB与Storyboard中利用AutoLayout进行界面布局设计,包括使用约束来确定视图的位置和大小,解决约束警告及错误的方法等。

在xib or storyboard(简称sb)中均可使用autolayout。

1.勾选Use Auto Layout,现在新建 xib 或 sb 默认都会勾选上。

2.约束简介:
勾选,对于上下左右点击虚线即可,确定后点击Add Constraints即可添加。
这里写图片描述

这里写图片描述

关于Aspect Ratio,还可以按着Ctrl,左键点击view1,拖着放到view2上,建立view1与view2的宽高比。其他对齐方式也可以这样。

3.最重要的是:添加约束后,所有有约束的控件最终都可以确定位置和大小。好像需要点想象力。
不添加约束,默认在sb上什么位置就什么位置,类似于添加相对于vc.view的左、右、宽、高约束。

4.约束警告、报错。
警告:当前约束与控件的大小位置不符,更新即可。
报错:约束漏or冲突。

警告示例:
约束报错就会显示红色图标。
这里写图片描述

这里写图片描述

5.删除约束
清除选中控件所有约束:
这里写图片描述
删除某个约束:
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值