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

Question

对于你们中的一些人来说，这可能是微不足道的，但我有两个来自Lose It的截图！应用程序，我很好奇如何将两个不同的屏幕放在一起。

第一个：

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

第二：

这个可能有点容易，但整个酒吧看起来像一个原生的UIKit小部件，其中包含[Budget，Food，Exercise，Net，Under]。它上面似乎有一个阴影。他们在UINavigationBar上做了投影吗？它下面的菜单只是一个设计师能够制作成UINavigationBar的UIImage吗？

如果那里有博客教授这些UI技巧，我很乐意阅读更多内容。

Answer 1

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

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

我不知道任何教授这些“技巧”的博客。这真的是了解可用的功能，然后创造性地使用它来开发UI。

例如，我们知道可以;

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

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

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

更新：找到它，它是here。