Autolayout环境设置任意个数相等间距排列的按钮的方法

本文详细介绍如何在iOS应用中使用Storyboard通过视觉格式语言精确布局四个按钮,包括设置约束条件、编写代码连线及实现动态调整布局。

首先,来看一下做成后的效果:

180923_AXxI_1418722.png180942_5UII_1418722.png

实现步骤如下:

1、在storyboard中放置四个按钮,并同时选中它们。

181617_cwx4_1418722.png

2、设置好宽、高、supview下边界的距离等约束

181755_c0H5_1418722.png

3、设置完成

181928_hMx1_1418722.png

4、选中第一个按钮

181954_m4FP_1418722.png

5、设置它距左边界的约束。

184416_44Bl_1418722.png

6、设置第二个。以此类推。

184523_RVX1_1418722.png

7、在代码中写好IBoutlet,分别是四个按钮到边的约束和其中一个按钮的宽度约束。

184731_4NGJ_1418722.png

8、选中Viewcontroller

185015_ga3j_1418722.png

9、选择“关系标签”

185308_AKFU_1418722.png

10、开始联线

185404_rXrn_1418722.png

185404_p1K1_1418722.png

185449_mVqo_1418722.png

10、在ViewController中写下如下代码

185608_Xz0p_1418722.png

11、搞定


转载于:https://my.oschina.net/u/1418722/blog/353437

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值