如何为圆 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 的 shadowPath 属性并添加UIBezierPath 圆角矩形

Use the CALayer's shadowPath property and add a UIBezierPath with rounded rect

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

编辑

对于方形图像视图，此技术不能直接使用，因为正如您所说，图像视图会返回方形.原因:您设置 clipsToBounds = NO 以显示去除角半径剪裁的阴影，其中 imageView 是 container 的子视图.

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.

解决方法:
在容器视图中添加您的图像视图，然后将图层阴影应用于此容器.以下是我试过的代码.

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;

最终效果如截图所示，

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