这两个 iPhone UI 是如何完成的？

Question

这对你们中的一些人来说可能是微不足道的，但我有两张来自 Lose It！我很好奇两个不同的屏幕是如何组合在一起的。

第一个：

显示统计图表的中间图表。那是在 Core Graphics / Quartz 上绘制的自定义图像以实现所需的数字吗？动态分配的黄线是 Quartz 的全部工作吗？

第二个：

这个可能会简单一些，但整个栏看起来像一个原生的 UIKit 小部件，其中包含 [Budget, Food, Exercise, Net, Under]。上面似乎有一个阴影。他们在 UINavigationBar 上做投影吗？它下面的菜单是否只是一个 UIImage，设计师可以制作它看起来像 UINavigationBar？

如果有一个博客教授诸如此类的 UI 技巧，我很乐意阅读更多内容。

Answer 1

1) 是的，很可能是一个以图表为背景，然后使用核心图形来渲染线条的视图，

2) 这可以是一个单独的视图，分为四个部分。每个部分都有两行用不同颜色绘制的文本。每个部分都可能是封装此行为的视图。

我不知道有任何博客教授这些“技巧”。这实际上是一个了解可用功能然后创造性地使用它来开发您的 UI 的案例。

例如，我们知道有可能；

• 以不同的尺寸/位置绘制图像。
• 以不同的字体、大小、颜色、对齐方式绘制文本
• 绘制基元

真的，当你拥有这些时，你几乎可以创造任何东西。

我认为有一个 SDK 示例演示了使用自定义视图创建精美的时区样式应用程序。这可能值得一试。

更新：找到了，它是here。