Storyboard使用技巧:使用比例方式布局

Storyboard对于多屏幕适配来说再合适不过了!但是有一些技巧可能很容易被忽略,由于最近做比例方面适配,今天就着重介绍使用比例来控制布局。
在实际项目开发过程中,有些布局是按照比例来确定大小的,这个时候用下面的方法可以减少你的代码量,完全可以在Storyboard中完成!

下面介绍subview相对于superview的比例。完成从一个控制器里面添加一个Button,并使

Button.width = Button.superview.width/4;

Step 1

  • 添加一个UIButton,并使用布局使它居于view中心

  • 在Storyboard中添加一个UIViewController,然后往里面添加一个UIButton

  • 选中Button,在右下角的快捷操作中如图所示进行设置,点击Add 2 Constraints。

  • 此时,你可能还需要再次选中这个Button,再使用快捷键Command+option+=修复frame,这时Button的frame和layout的约束才会对应起来。如果不修复frame也不会影响实际运行的效果,但是Xcode会提示警告!

Step 2

  • 在View的树形图中,先选中View再选中Button。

  • 如图所示添加约束,勾选Equal Widths,点击Add 2 Constraints

Step 3

  • 选中Button如图所示编辑约束的参数,Multiplier设置为1:4

Done

Command+option+=修复frame

补充

  • 相同层级和不同层级的view之间都可以用这种比例方式确定大小,但是必须有条件先确定其中一个view的大小。这里说的条件,指的是约束,或者UIViewController.view这种由父级容器确定了大小的条件。
    一般情况下,宽度和高度需要分别设置比例,看需求而定。
    宽度和高度之间也可以设置比例,设置方法和上面基本相同,不同的是,只需要选择一个view,添加约束的时候只勾选Aspect Ratio,设置比例的方法同上。

参考自:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值