iphone - 这两个 iPhone UI 部分是如何完成的呢？

Question

这对你们中的一些人来说可能微不足道，但我有两张来自“失去它!”的屏幕截图。我很好奇两个不同的屏幕是如何组合在一起的应用程序。

第一个:

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

第二:

这个可能更简单一些，但是整个栏看起来像一个原生的 UIKit 小部件，其中包含 [预算、食物、锻炼、 Netty 、下]。其上方似乎有一个阴影。他们是否在 UINavigationBar 上添加了阴影？它下面的菜单只是设计师能够制作成看起来像 UINavigationBar 的 UIImage 吗？

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

Answer 1

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

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

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

例如，我们知道这是可能的；

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

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

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

更新:找到了，它是here .