需要有关使用 UIKit 在 Swift 上创建此 UI 的指南/资源/帮助

Question

您好，正如标题所说，我需要有关如何实现与上面嵌入的 UI 设计风格相似的指导/帮助。我知道使用 UIKit 可能比使用 SwiftUI 更难，但有人告诉我使用 UIKit 作为我学习的一部分。任何帮助深表感谢。

编辑： 我们可以从顶部开始，IE：也许它是一个自定义的collectionView？还是静态表格视图？

“变体”选项卡是表格视图单元格内的集合视图吗？ 如何实现“买”和“卖”部分？

Answer 1

对于这样的多个视图，我总是使用UIStackView，它易于设置、配置和更新。

橙色视图是垂直的UIStackView，使用UIStackView 的间距、分布和其他属性使其适合。

另外，如果您认为用户屏幕的视图高度变大，只需将 root stackView 放到UIScrollView，了解更多how to have scrollable UIStackView

Answer 2

Masoud 就屏幕布局提供了一个很好的答案。

至于“如何实现“买入”和“卖出”部分？”的问题， 您可能对 UITextField 的 .layer.cornerRadius 属性感兴趣。