如何在圆形UIImageView或UIView中添加阴影？ [英] How can I add shadow to a circle UIImageView or UIView?

问题描述

我正在尝试制作一个圆圈 UIImageView ，并且它有效。以下是我使用它的方式：

I am trying to make a circle UIImageView, and it works. Below is the way I use to make it:

[self.pic.layer setMasksToBounds:YES];
[self.pic.layer setCornerRadius:50.0];

我想在 UIImageView 。下面的代码确实为我的图像视图添加了一些阴影，但是，图像视图会变回方形。有人可以给我一些指针来解决这个问题吗？下面是我用来添加阴影的代码：

I would like to add some shadow to the UIImageView. The below code does add some shadow to my image view, however, the image view changes back to square shape. Can someone give me some pointers to solve this problem? Below is the code I use to add the shadow:

self.pic.layer.shadowColor = [UIColor purpleColor].CGColor;
self.pic.layer.shadowOffset = CGSizeMake(0, 1);
self.pic.layer.shadowOpacity = 1;
self.pic.layer.shadowRadius = 1.0;
self.pic.clipsToBounds = NO;

推荐答案

使用 CALayer 's shadowPath 属性并添加带有舍入的 UIBezierPath

self.pic.layer.shadowPath = [UIBezierPath bezierPathWithRoundedRect:self.pic.frame cornerRadius:50.0].CGPath;

编辑

对于正方形图像视图，此技术不能直接起作用，因为正如您所说，图像视图会回到正方形。原因：你设置 clipsToBounds = NO 来显示去除角半径剪裁的阴影，其中 imageView 是子视图容器。

For a square-ish image view this technique does not work directly because, as you said, the image view goes back to square. Reason: You set clipsToBounds = NO to show the shadow which removes the clipping for corner radius, where imageView is subview of container.

解决方法：

在容器视图中添加imageview，然后应用图层阴影到此容器。以下是我试过的代码。

Workaround:
Add your imageview in a container view and then apply the layer shadow to this container. Following is the code I tried.

[self.imageView.layer setCornerRadius:60.0];
[self.imageView.layer setMasksToBounds:YES];
self.imageView.clipsToBounds = YES;

self.container.backgroundColor = [UIColor clearColor];
self.container.layer.shadowColor = [UIColor blackColor].CGColor;
self.container.layer.shadowOffset = CGSizeMake(5,15);
self.container.layer.shadowOpacity = 0.5;
self.container.layer.shadowRadius = 2.0;
self.container.layer.shadowPath = [UIBezierPath bezierPathWithRoundedRect:self.container.bounds cornerRadius:100.0].CGPath;

结果效果如屏幕截图所示，

The resultant effect is as shown in the screenshot,

希望这有帮助！

这篇关于如何在圆形UIImageView或UIView中添加阴影？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！