AutoLayout Stack View 实践笔记

  1. 水平方向，五个按钮为一组，设置属性如下：Alignment: Fill, Distribution: Fill Equally, Spacing: 1
  1. 将 Label 和第1步中的所有5个水平 Stack view 放入一个垂直 Stack view 中-堆栈属性为：Alignment: Fill, Distribution: Fill Equally, Spacing: 1
  1. 垂直 Stack view 固定到父视图的四个边缘

将步骤3中设置的约束更改为相对于 Safe Area 而不是 superview 。

如果您希望 label 在左右两侧都有填充，则需要将其嵌入到 View 中，然后将 label 的两边约束设置为20px，顶部设置 2px，底部设置 0px 。

如果您希望0按钮和 . 按钮、=按钮占用一样大的空间，则需要将 . 按钮、=按钮嵌入到一个 stack view中。两个水平 Stack view 均将“ Distribution”设置为“Fill Equally”。

源码下载：
https://github.com/iJoeychang/Calculator-Layout-iOS13-Completed

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

友情链接更多精彩内容