xcode 7.3 swift 哪些 UI 视图构成了这个显示的结构?

xcode 7.3 swift What UI views make up the structure of this display?

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

我读过无穷无尽的 Apple 文档和网络教程,但其中 none 处理的内容与此布局一样漂亮(和复杂?),看起来很简单。

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

谁能给我一个令人信服的布局结构让我试试?深蓝色怎么样,3 个中心按钮周围有凹陷的边框,所选按钮的背景更暗? (选中的按钮是否是与其未选中状态不同的图像?)

然后是第二个集合 -- 它是在控件后面带有圆角的视图,还是其他东西?我怎么可能 space 出 left/right 中间有长日期字符串按钮的箭头(我猜不是水平堆栈视图)。还有底部的按钮——那会是分段控件吗?

如果您能为我确定构建基块,那将有所帮助。或者可能是某处的教程或文档,或者我可以研究的某处代码项目示例? (如果有人有一个包含这些东西的示例应用程序,我可以加载并从中学习,那不是很好吗……:-) PS。我还在网上四处寻找示例开源应用程序,发现可能有 50 个,但 none 我可以识别为在目标中,或者在 swift.

非常感谢。

顶部区域可能是一个 UINavigationBar,其中的三样东西是它的左栏按钮项、标题视图和右栏按钮项。

底部是分组样式的 UITableView。它有两个部分。第一部分包含一个单元格,其中布置了整个 four-subview 结构。然后是另一个部分,其 header 标题是 "today" 之后的每个东西都是一个单元格。

顶部和第一个单元格中的两个 "make a choice" 矩形是 UISegmentedControls。