Autolayout环境设置任意个数相等间距排列的按钮的方法
摘要: 在storyboard中,想要用autolayout设置多个按钮按照相同的间距排列,并且自动根据屏幕宽度调整间距大小,就我了解的来说,没有直接的设置方法。我用storyboard+代码的方法实现了这个目标
首先,来看一下做成后的效果:
实现步骤如下:
1、在storyboard中放置四个按钮,并同时选中它们。
2、设置好宽、高、supview下边界的距离等约束
3、设置完成
4、选中第一个按钮
5、设置它距左边界的约束。
6、设置第二个。以此类推。
7、在代码中写好IBoutlet,分别是四个按钮到边的约束和其中一个按钮的宽度约束。
8、选中Viewcontroller
9、选择“关系标签”
10、开始联线
10、在ViewController中写下如下代码
11、搞定。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
2015-10-28 swift 关于 toolbar 学习笔记
2015-10-28 再造 “手机QQ” 侧滑菜单(三)——视图联动
2015-10-28 再造 “手机QQ” 侧滑菜单(二)——高仿左视图
2015-10-28 再造 “手机QQ” 侧滑菜单(一)——实现侧滑效果
2014-10-28 android GestureDetector 手势的判断
2013-10-28 This tag and its children can be replaced by one <TextView/> and a compound drawable
2013-10-28 Activity生命周期之我见