Swift自动布局与故事板

Posted 2021-04-13

我有一个视图分为5个部分，有4行（也是高度为1的视图）。我正在使用不同苹果设备大小的快速应用程序响应，但问题是小视图的y位置不随设备大小而改变，并且它使界面变得丑陋。问题是如何使每个小视图的y位置取大视图的1/5。请注意，我是乘法器和高级约束的新手。我希望我已经提出了我的问题，并提前感谢。编辑：picture 1 picture2抱歉，由于声誉我无法上传图片，但这里有两个图片链接

答案

我使用包含5个视图和4个视图的UIStackView来设置它作为线条。

以下是堆栈视图的设置：

以下是视图层次结构和约束的设置：

---

笔记：

1. 这些线具有将其高度设置为1点的约束。
2. 视图2到5的高度设置为视图1的高度。
3. 堆栈视图的大小限制在安全区域。

另一答案

我不确定你是如何设置你的“小”视图，但我建议你使用UIStackView来达到预期的效果。 Here you can read more about it。

1. 使用Interface Builder将Vertical Stack View添加到视图控制器。
2. 将“小”视图放入其中。
3. 使用Interface Builder，将Distribution参数设置为Fill Equally。

在此之后，UIStackView将保持您的小视图高度相等，并填充其高度。

另一答案

听起来你是一个描述堆栈视图（UIStackView），在Fill Equally模式下有五个排列的视图。它将导致五个子视图中的每一个占据其自身高度的1/5。