ios - xcode 7.3 swift 哪些 UI View 构成了该显示的结构？

Question

我正在尝试弄清楚这个 iPhone 应用程序显示的结构，但我无法找出令人信服的结构。我认为我对导航栏、 View 、工具栏、也许嵌入式工具栏、图标等的理解太弱，无法弄清楚这种布局。

我读过无数的 Apple 文档和网络教程，但没有一个能像这个布局一样漂亮(而且复杂？)，虽然看起来很简单。

我花了几个小时尝试为顶部栏构建一个堆栈 View ，其中有两个左/右图标按钮，中间有一个嵌入式工具栏(+ 3 个栏按钮项目)。但成功率为零——我发布了一个单独的问题，解释为什么带有 3 个按钮的嵌入式工具栏在分配=按比例填充的堆栈 View 中消失。

谁能给我一个令人信服的布局结构让我尝试一下？那么深蓝色怎么样，在 3 个中心按钮周围有一个凹陷的边框，并且所选按钮的背景较暗？ (选定的按钮是与其未选定状态不同的图像吗？)

然后是第二个集合——它是控件后面带有圆角的 View ，还是其他东西？我如何将左/右箭头与中间的长日期字符串按钮隔开(我猜不是水平堆栈 View )。底部的按钮——这可能是一个分段控件吗？

如果您能为我确定构建模块，那将会有所帮助。或者也许是某个地方的教程或文档，或者是我可以学习的代码项目示例？ (如果有人有一个包含这些内容的示例应用程序，我可以加载并从中学习，那不是很棒吗...:-) PS。我还在网上寻找示例开源应用程序，发现了大约 50 个，但没有一个是我能识别为目标或快速运行的。

提前非常感谢。

Answer 1

顶部区域可能是一个 UINavigationBar，其中的三部分是其左栏按钮项、标题 View 和右栏按钮项。

底部是一个分组风格的UITableView。它有两个部分。第一部分由一个单元组成，其中布局了整个四 subview 结构。然后还有另一个部分，其标题标题是“今天”，之后的每个内容都是一个单元格。

顶部和第一个单元格中的两个“做出选择”矩形是 UISegmentedControl。