AutoLayout面试题记录-自动布局

本文分享了使用AutoLayout实现4个小View等宽平分大View的具体步骤。通过实例演示如何快速设定约束条件,使子视图能自适应不同屏幕尺寸。

1. 面试上海某家软件公司,题目是这样,有一个View,距左右父View长度一定,高度一定。这个View上面有4个小View,高度相同(或者说一定), 要求不管屏幕怎么变,这4个小View总是等宽平分大View。

 

用AutoLayout来做确实很快,而且公司期望就是让你这样做。所以,一个字,就是干:

a. 关键要用ctrl 拖小view 用选项中的Equal,说到这个点他差不多认为你会做了。就是这个:

 

b.  那么我的步骤是:先约束左view1, 上47 左0 高度固定给个值,这时会有个小红点,表示约束不完全,先别管。

c.  接着约束view2 , 按住ctrl 拖向左view1 , 设置Top, Bottom , Equal Width , Equal Height。好了点add...

d.  接着搞右view4, 约束方式和view1一样。

e.  接着搞view3 , 约束方式也是按住ctrl 拖向view4 , 约束设置同view2拖向view1 。

f.  接着设置每个小view左右约束值为0,当然已经设置的就不用设置了。

g. 接着最后按住shift 选中4个view , 设置等宽 ,等高。

 

转载于:https://www.cnblogs.com/liuw-flexi/p/7522347.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值