使UIImageView成为圆形，在边框周围添加边框和阴影

Question

我知道那里有类似的问题，但是没有找到帮助我解决问题的答案。如果您已经看过一个，请随意将其标记为重复，但请确保它回答整个问题，而不仅仅是类似的部分。

我有一个UIImageView，我正在修改角落并为其添加边框。但是，我开始添加一些阴影以给我的UI一些深度。我在我的个人资料图片中添加了一个阴影，以下代码非常适用于完美的方形图像，这个图像会被裁剪成一个完美的圆圈。然而，对于非方形矩形图像，阴影应用于图像本身而不是图像视图，因此我最终在裁剪的矩形图像周围有一个圆形边框，其边缘周围有阴影。到达圆形边界。有什么了解我如何修改我的代码以将这个阴影应用于边界，而不是UIImageView中的图像？

由于

//Set profile image view to be rounded (default appears rounded due to alpha background, need rest to appear rounded as well
[self.profileImageView layoutIfNeeded];
CALayer *imageLayer = self.profileImageView.layer;
[imageLayer setCornerRadius:self.profileImageView.frame.size.width/2];
[imageLayer setBorderWidth:1];
[imageLayer setBorderColor:[[UIColor colorWithRed:78.0/255.0 green:82.0/255.0 blue:85.0/255.0 alpha:1] CGColor] ];
[imageLayer setMasksToBounds:YES];

//Apply shadows to necessary views for the job badge
[self.profileImageView.layer setShadowColor:[[UIColor blackColor] CGColor]];
[self.profileImageView.layer setShadowRadius:4.0f];
[self.profileImageView.layer setShadowOffset:CGSizeMake(0, -3)];
[self.profileImageView.layer setShadowOpacity:0.5f];

Answer 1

问题是当您设置cornerRadius时，阴影会与其他内容一起被屏蔽。

您可以使用带有阴影和蒙版imageView的中间竞争视图。这是代码，但您也可以使用Interface Builder和自动布局执行相同的操作：

UIView *containerView = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 200, 200)];
[containerView.layer setShadowColor:[[UIColor blackColor] CGColor]];
[containerView.layer setShadowRadius:4.0f];
[containerView.layer setShadowOffset:CGSizeMake(0, -3)];
[containerView.layer setShadowOpacity:0.5f];
[self.view addSubview:containerView];

UIImageView *imageView = [[UIImageView alloc] initWithFrame:containerView.bounds];
imageView.image = [UIImage imageNamed:@"rgb"];
[imageView.layer setCornerRadius:imageView.frame.size.width/2];
[imageView.layer setBorderWidth:1];
[imageView.layer setBorderColor:[[UIColor colorWithRed:78.0/255.0 green:82.0/255.0 blue:85.0/255.0 alpha:1] CGColor] ];
[imageView.layer setMasksToBounds:YES];
[containerView addSubview:imageView];

<强>输出：