UIPickerView 中的文本视觉外观答案

【问题标题】：Text visual appearance in UIPickerViewUIPickerView 中的文本视觉外观
【发布时间】：2013-05-15 14:20:57
【问题描述】：

我有一个关于 iOS UI 自定义的问题。我发现内置的picker view有一个玻璃状的盖子，盖子下面的标签有轻微的外观（带有一点内阴影的文字？比如附图中的“11”和“44”）。

我的问题是，如果我想从头开始构建类似的东西，我应该寻找什么方向？或任何提示？ :)

【问题讨论】：

显然阴影是阴影（白色，向下），而玻璃状的盖子是玻璃状的盖子（半透明）。这里有一个真正的问题吗？
你知道你可以改变文本的外观，对吧？
感谢您的评论，您可以启动内置的时钟或闹钟应用程序并尝试拖动选择器仔细查看，在拖动过程中您可能会发现鞋面的外观一半和下半部分的文字不太一样。所以我的问题是如何绘制具有两种外观的文本？
绘制两个文本，在它们不同的地方进行剪辑。

【解决方案1】：

创建自定义 UIView 子类。您将在 drawRect: 方法中进行大量绘图。因此，您将在顶部和底部绘制线段，并且每边可能有两个（或弧线）。然后，您将使用渐变视图，并使用 wo 值将其从顶部过渡到中点，然后从中点过渡到底部。如果您使用“Pixie”，您可以放大视图并查看各种像素值以猜测起点。

稍后，当您想使用该技术时，您会将其作为顶部子视图添加到它将覆盖的任何内容，并设置其框架，并且当系统要求时它会自行绘制。

您可能会考虑在 github 上开源这个 - 为自己起个名字 - 并将代码发回这里。由你决定。

【讨论】：