Auto Layout中Stack View的使用

最新推荐文章于 2021-05-27 09:34:59 发布

pro648

最新推荐文章于 2021-05-27 09:34:59 发布

阅读量658

点赞数 1

本文链接：https://blog.youkuaiyun.com/qq_37141594/article/details/108874685

版权

本文详细介绍了Stack View在Auto Layout中的使用方法，包括创建堆栈视图、设置属性，以及通过示例展示了如何在不同场景下利用Stack View进行布局。Stack View简化了界面开发，减少了约束设置，使得在iOS 9.0+和tvOS 9.0+的平台上实现动态布局变得更加容易。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是关于自动布局的第二篇文章。
<< Auto Layout的使用

上一篇文章介绍了如何使用Auto Layout，这一篇文章主要介绍堆栈视图(Stack View)。Stack View提供了一种轻松的方式来使用Auto Layout，不需要引入复杂的约束。单个堆栈视图定义用户界面的行或列，堆栈视图根据以下属性来排列其子视图。

axis：定义Stack View的方向，水平方向或竖直方向，只适用于UIStackView。NSStackView中定义方向使用orientation属性。
distribution：设定视图沿轴线的排布方式。
alignment：设定如何沿轴线垂直方向排布子视图。
spacing：设定子视图间距。

在这里插入图片描述

UIStackView适用于iOS 9.0+和tvOS 9.0+，NSStackView适用于macOS 10.9+。这篇文章只讲解UIStackView。

使用Stack View时可以先从对象库中拖拽出Horizontal Stack View或Vertical Stack View到storyboard，后把需要添加的视图放进Stack View；也可以先添加视图，后点击Auto Layout工具Embed in Stack，Auto Layout会根据视图布局插入水平或垂直堆栈视图，也可以点击Editor > Embed In > Stack View插入堆栈视图，与点击Embed In Stack插入没有区别。