一个人怎么能实现iOS中的通透的文字效果?(How could one achieve a see-

2019-10-20 15:17发布

我真的想实现我的iOS应用程序的通透文本样式效果。 这是很简单的在Photoshop中创建预期的效果,但我不知道这到底是怎么用代码来实现。

适用于简单的文本效果显示文本下方的背景,但它变黑(或减轻),因此它是可见的。 没有填充文本可言,它只是提高的背景,其中的文字会。

这是我想要得到什么:

这种效果是怎么样的类似于“滑动解锁”在iOS文本7.1+(发生滑动动画之前),但我想更多的图像显现出来。

一个人怎么能创造这样的效果? 我只需要支持的iOS 8+。

这是怎样的效果可以在Photoshop中创建(有可能是一个更简单的方法):

  1. 打开图片
  2. 复制的图像到另一个层
  3. 改变混合模式(为叠加为更暗,或屏幕更轻)
  4. 添加图层蒙版
  5. 选项/ ALT单击图层蒙版和填充更改为黑色
  6. 在需要添加白色文本
  7. Alt键单击图层蒙版

它并不像创建黑色或白色的标签,并降低不透明度为简单。 那是什么样子,当你做到这一点,如:

Answer 1:

You do it exactly the same as photoshop, but with less steps:

  • create a CALayer object and stick the image of your clouds in it.
  • create a CATextLayer object and put your text in that
  • set the blend mode of the CATextLayer, it has pretty much the same list of blend modes as photoshop
  • set the text colour to white (using NSAttributedString I think... can't remember)
  • tweak the opacity of the text layer to how you want it. The default is 1.0 which is not gonna look good.

Put both layers inside a UIView.

There's no need to limit yourself to iOS 8. All of this works going back to iOS 1.0.



Answer 2:

看看进入GPUImage图书馆,是相当真棒,有一些非常整洁的图像过滤器一样叠加,融合,繁衍等。

https://github.com/BradLarson/GPUImage



Answer 3:

在iOS中我迅速语言编写代码。 我创建了一个层。 设置层属性作为layer.opacity = 0.5。 您可以更改此属性为透明你想要的。 文本,图纸等添加到这一层。 层见直通效果



文章来源: How could one achieve a see-through text effect in iOS?