在 UIView 中创建内部阴影

Question

我想在 iPad 上的 UIView 上创建一个内部阴影，如下所示：

这UIView 可以改变大小，所以我不能使用简单的图像来创建这种阴影。

我已经使用 setShadow 等进行了测试，但它只是创建了一个投影。

知道如何创建这种阴影吗？

Answer 1

你可能会发现它很有用，我为此创建了一个 UIView 类别

https://github.com/Seitk/UIView-Shadow-Maker

Answer 2

将阴影创建为特定大小的透明层，然后创建可拉伸图像，如下所示：

UIImage *shadowImage = [UIImage imageNamed:@"shadow.png"];
shadowImage = [shadowImage stretchableImageWithLeftCapWidth:floorf(shadowImage.size.width/2) topCapHeight:floorf(shadowImage.size.height/2)];

然后，您可以将其作为图像放入 UIImageView 中，并使用 contentMode 缩放来适应，它将按照您想要的方式工作。

假设您的视图名为“myView”。您可以像这样添加阴影：

UIImageView *shadowImageView = [[UIImageView alloc] initWithImage:shadowImage];
shadowImageView.contentMode = UIViewContentModeScaleToFill;
shadowImageView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
shadowImageView.frame = myView.bounds;
[myView addSubview:shadowImageView];
[shadowImageView release]; // only needed if you aren't using ARC

如果您愿意，您也可以在界面生成器中完成大部分操作，只要您在代码中创建可拉伸图像本身。

Answer 3

这个问题已经在 SO 中得到了部分

view.layer.masksToBounds = NO;
view.layer.cornerRadius = 8; // if you like rounded corners
view.layer.shadowRadius = 5;
view.layer.shadowOpacity = 0.5;
CGFloat indent = 10;
CGRect innerRect = CGRectMake(indent,indent,view.frame.size.width-2*indent,view.frame.size.height-2*indent);
view.layer.shadowPath = [UIBezierPath bezierPathWithRect:innerRect].CGPath;

回答使用变量，直到它们适合您的阴影样式。

更新

相反，您可以在现有视图之上的较小居中视图上绘制外部阴影。

CGFloat indent = 10;
CGRect innerRect = CGRectMake(indent,indent,view.frame.size.width-2*indent,view.frame.size.height-2*indent);
UIView * shadowView = [[UIView alloc] initWithFrame:innerRect];
shadowView.backgroundColor = [UIColor clearColor];
shadowView.layer.masksToBounds = NO;
shadowView.layer.cornerRadius = 8; // if you like rounded corners
shadowView.layer.shadowRadius = 5;
shadowView.layer.shadowOpacity = 0.5;
shadowView.layer.shadowPath = [UIBezierPath bezierPathWithRect:shadowView.bounds].CGPath;
[view addSubview:shadowView];
[shadowView release];