ios - 如何在 iOS 中实现透视文字效果？

Question

我真的很想在我的 iOS 应用程序中实现透明的文本样式效果。在 Photoshop 中创建所需的效果非常简单，但我不知道如何用代码完成。

应用于文本的效果仅显示文本下方的背景，但背景会变暗(或变亮)以便可见。根本没有文本填充，它只是增强了文本所在的背景。

这是我想要得到的:

此效果有点类似于 iOS 7.1+ 上的“滑动解锁”文本(在滑动动画出现之前)，但我希望显示更多图像。

如何制作出这样的效果？我只需要支持 iOS 8+。

这是在 Photoshop 中创建效果的方法(可能还有更简单的方法):

1. 打开一张图片
2. 将图像复制到另一层
3. 改变混合模式(Overlay 更暗，或者 Screen 更亮)
4. 添加图层蒙版
5. Option/alt 单击图层蒙版并将填充更改为黑色
6. 在需要的地方添加白色文本
7. 按住Alt键点击图层蒙版

这不仅仅是创建黑色或白色标签并降低不透明度那么简单。这就是你这样做时的样子:

Answer 1

您的操作与 photoshop 完全相同，但步骤更少:

• 创建一个 CALayer 对象并将云的图像粘贴在其中。
• 创建一个 CATextLayer 对象并将您的文本放入其中
• 设置 CATextLayer 的混合模式，它具有与 photoshop 几乎相同的混合模式列表
• 将文本颜色设置为白色(使用 NSAttributedString 我认为...不记得了)
• 将文本层的不透明度调整到您想要的程度。默认值为 1.0，这看起来不太好。

将两个层都放在一个 UIView 中。

没有必要将自己局限于 iOS 8。所有这些都适用于 iOS 1.0。