我应该如何通过 Storyboard 为我的 iOS 视图设置自动布局/约束？

Question

我对通过 Storyboard 为 iOS 视图设置约束还很陌生。我已经构建了没有约束的下面的视图，但是在试图弄清楚如何设置自动布局的约束时遇到了问题。它并不完全对齐，但下面的视图是我想要的总体思路。

我遵循了参考和教程，但在构建下面的视图时遇到了麻烦，因为它比我所看到的教程更复杂。我无法弄清楚我应该采用哪种具体方法来设置堆栈和约束，使其看起来类似于下面以在各种屏幕尺寸上工作

如果有人可以帮助您了解设置方法，我将不胜感激。这肯定会帮助我理解将来应该如何构建类似/更复杂的视图。

我尝试使用下面显示的以下布局通过情节提要来实现它，但我对我的方法以及应如何设置约束感到困惑。我也不确定 UI 元素何时应仅放置在堆栈中而不是视图中。

Answer 1

尝试了解约束的基础知识

按照步骤实现您的目标：（该做的和不该做的）

1. 不要一开始就学习“stack_view”，它会让你很困惑。
2. 不要使用自动调整大小（在每个新设备设计上都感觉不舒服）
3. 学习简单的约束，例如：Leading、Trailing、Top & Botton。
4. 尝试在视图控制器内的多视图中实现约束
5. 了解如何根据内容在标签中制作 SizeToFit，例如：Textview 在键入时需要自行扩展，如果消息到达，标签会自动调整大小以适应内容。

然后下一步：

1. 在单元格内部实现对 tableview 和 collectionview 的约束
2. 学习在按钮、标签、视图等中使用更大或更小常量（sizeToFit）概念...
3. 并学习 - 容器中的水平、垂直......以及容器的底部空间。

这是 StoryBoard 和 Xib 的约束中要学习的基本知识。

迁移到 StackView 之后就很容易理解了。

如果您尝试学习 SwiftUI - StackView 是必须学习的。