Swift 3:如何创建UIImageView的模糊边缘/角落?

10

目前我在UIImageView上应用了一个CALayer,如下所示:

let l: CALayer = imageView.layer
l.masksToBounds = true
l.cornerRadius = 20.0

enter image description here

我希望能够实现如下所示的模糊效果:

enter image description here

我尝试了以下内容:
let blurEffect = UIBlurEffect(style: .light)

let visualEffectView = UIVisualEffectView(effect: blurEffect)
imageView.addSubview(visualEffectView)

以及:

var visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .light))

visualEffectView.frame = staffImageView.bounds

imageView.addSubview(visualEffectView)

然而,两者都没有达到我想要的结果。
有人能提供帮助吗?这似乎相当简单,但我就是无法实现它。
更新: 我已经尝试调整渐变,但运气不太好:
var maskLayer = CAGradientLayer()
maskLayer.frame = cell.imageView.bounds
let black = UIColor.white.cgColor
let clear = UIColor(white: 1, alpha: 0).cgColor
maskLayer.colors = [black, clear]
maskLayer.locations = [0.0, 0.10]
maskLayer.startPoint = CGPoint(x: 1, y: 0)
maskLayer.endPoint = CGPoint(x: 1, y: 1)
cell.imageView.layer.addSublayer(maskLayer)

结果:

enter image description here


你尝试过给模糊添加一个遮罩,以便只影响侧面吗? - Ben Ong
2个回答

22

Swift 4

let maskLayer = CAGradientLayer()
maskLayer.frame = yourImageView.bounds
maskLayer.shadowRadius = 5
maskLayer.shadowPath = CGPath(roundedRect: YourImagView.bounds.insetBy(dx: 5, dy: 5), cornerWidth: 10, cornerHeight: 10, transform: nil)
maskLayer.shadowOpacity = 1
maskLayer.shadowOffset = CGSize.zero
maskLayer.shadowColor = UIColor.white.cgColor        
yourImageView.layer.mask = maskLayer

为什么要使用 CAGradientLayer - David James

5

根据Vincent Joy的文章,

Swift 3:

let maskLayer = CAGradientLayer()
maskLayer.frame = yourImageView.bounds
maskLayer.shadowRadius = 5
maskLayer.shadowPath = CGPathCreateWithRoundedRect(CGRectInset(yourImageView.bounds, 5, 5), 10, 10, nil)
maskLayer.shadowOpacity = 1;
maskLayer.shadowOffset = CGSizeZero;
maskLayer.shadowColor = UIColor.whiteColor().CGColor        
yourImageView.layer.mask = maskLayer;

Swift 4:

let maskLayer = CAGradientLayer()
maskLayer.frame = YourImagView.bounds
maskLayer.shadowRadius = 5
maskLayer.shadowPath = CGPath(roundedRect: YourImagView.bounds.insetBy(dx: 5, dy: 5), cornerWidth: 10, cornerHeight: 10, transform: nil)
maskLayer.shadowOpacity = 1;
maskLayer.shadowOffset = CGSize.zero;
maskLayer.shadowColor = UIColor.white.cgColor
YourImagView.layer.mask = maskLayer;

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接