UITextView文本底部阴影

Question

也许您知道解决方案，如何在textView上添加阴影，如：

所以我需要一个透明的textView，我可以在后台看到视图

Answer 1

Apple提供CAReplicatorLayer，您可以使用它来自动镜像图层（amonst其他内容）。这甚至适用于视频图层，效率非常高（直接在GPU上执行绘图）。

  

CAReplicatorLayer类创建指定数量的副本   它的子层（源层），每个副本可能有   应用于它的几何，时间和颜色变换。

有一个WWDC视频（Core Animation Essentials大约51:00），简要介绍了如何使用它，以及一个名为ReplicatorDemo的OSX演示项目。

快速搜索显示blog post给出了反映图层的示例，但我没有检查代码/技术的质量。

Answer 2

我认为你可以结合以下方法（它没有经过测试！）：

How do I use the NSString draw functionality to create a UIImage from text

UIImage * textImage = [self imageFromText:text];

//You may play with the scale value
UIImage *textImageMirrored = [UIImage imageWithCGImage:[textImage CGImage] scale:1.0 orientation:UIImageOrientationDownMirrored]; 

And then use this mirrored image in the correct position.
UIImageView *textShadow = [[UIImageView alloc] initWithImage:textImageMirrored];
textShadow.opacity = 0.6; //or so

Answer 3

我过去在白色背景上做了这个，制作了一个渐变的白色图像，开始完全不透明，渐弱变淡。我将它覆盖在表格视图的底部边缘上方。它使表格视图的外观在底部边缘变为白色。

我解决了“底层”问题，只是让图像滑下来，因为我到达了表格滚动内容的最底部，所以最后一些位不会褪色。

如果你有一个复杂的，移动的或变化的背景，这可能不是最好的选择，但是对于简单的背景来说效果很好。

Answer 4

我发现最好的情绪。我使用遮罩层和CAGradientLayer。因此，如果我们将它用于UITextView，那么我们的图层将是非常的。我创建UIView，在这个UIView上添加我的UITextView并使用UIView层

//this float need for creating second sublayer, for scrollIndicator
CGFloat layerWidth = 8.f;
CAGradientLayer *gl1 = [CAGradientLayer layer];
id col1 = (id)[[UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:1.0]CGColor];
id col2 = (id)[[UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.0]CGColor];
gl1.colors = @[col2, col1, col1, col2];
gl1.locations = @[@0.0, @0.0, @0.85, @1.0];
//underTextView - this is my UIView
gl1.frame = CGRectMake(0, 0, self.underTextView.width - layerWidth, self.underTextView.height);
//layer for scrollIndicator - it must be visible always good
CAGradientLayer *gl2 = [CAGradientLayer layer];
gl2.colors = @[col1, col1];
gl2.locations = @[@0.0, @1.0];
gl2.frame = CGRectMake(self.underTextView.width - layerWidth, 0, layerWidth, self.underTextView.height);
//create main layer
CAGradientLayer *gl = [CAGradientLayer layer];
[gl addSublayer:gl1];
[gl addSublayer:gl2];
//add to mask of UIView
self.underTextView.layer.mask = gl;

然后，我在方法- (void)scrollViewDidScroll:(UIScrollView *)scrollView中更改顶部和底部渐变的CAGradientLayer中的颜色位置。所以，当我 打开textView我在顶部看到好文字，在底部看到透明，滚动时我在顶部和底部都是透明的，当滚动到底部时 - 顶部是透明的，底部是不透明的

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
CGFloat layerWidth = 8.f;
CAGradientLayer *gl1 = [CAGradientLayer layer];
id col1 = (id)[[UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:1.0]CGColor];
id col2 = (id)[[UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.0]CGColor];
gl1.colors = @[col2, col1, col1, col2];
if (self.mainTextView.contentOffset.y < 5)
    gl1.locations = @[@0.0, @0.0, @0.85, @1.0];
if (self.mainTextView.contentOffset.y >=5 && self.mainTextView.contentOffset.y < 20) {
    CGFloat number = (self.mainTextView.contentOffset.y - 5) * 0.01;
    gl1.locations = @[@0.0, [NSNumber numberWithFloat:number], @0.85, @1.0];
}
if (self.mainTextView.contentOffset.y >= 20  && self.mainTextView.contentOffset.y < self.mainTextView.contentSize.height - self.mainTextView.height - 20)
    gl1.locations = @[@0.0, @0.15, @0.85, @1.0];
if (self.mainTextView.contentOffset.y >= (self.mainTextView.contentSize.height - self.mainTextView.height - 20) && self.mainTextView.contentOffset.y < (self.mainTextView.contentSize.height - self.mainTextView.height - 5)) {
    CGFloat number = 1 - (self.mainTextView.contentSize.height - self.mainTextView.contentOffset.y - self.mainTextView.height - 5) * 0.01;
    gl1.locations = @[@0.0, @0.15, [NSNumber numberWithFloat:number], @1.0];
}
if (self.mainTextView.contentOffset.y >= self.mainTextView.contentSize.height - self.mainTextView.height - 5)
    gl1.locations = @[@0.0, @0.15, @1.0, @1.0];
gl1.frame = CGRectMake(0, 0, self.underTextView.width - layerWidth, self.underTextView.height);
CAGradientLayer *gl2 = [CAGradientLayer layer];
gl2.colors = @[col1, col1];
gl2.locations = @[@0.0, @1.0];
gl2.frame = CGRectMake(self.underTextView.width - layerWidth, 0, layerWidth, self.underTextView.height);
CAGradientLayer *gl = [CAGradientLayer layer];
[gl addSublayer:gl1];
[gl addSublayer:gl2];
self.underTextView.layer.mask = gl;
}