Swift 3:如何创建 UIImageView 的模糊侧边/角? [英] Swift 3: How to create blurred side edges/corners of a UIImageView?
本文介绍了Swift 3:如何创建 UIImageView 的模糊侧边/角?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
目前我有一个 CALayer
应用于 UIImageView
像这样:
Currently I have a CALayer
applied to a UIImageView
like so:
let l: CALayer = imageView.layer
l.masksToBounds = true
l.cornerRadius = 20.0
我想实现如下所示的模糊效果:
I'd like to achieve the following blurred effect as shown:
我尝试了以下方法:
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)
然而,两者都没有达到我想要的结果.
However, both do not achieve the results I want.
有人可以提供帮助吗?这看起来很简单,但我就是做不到.
Can someone provide help on this? This seems rather simple, but I just cannot achieve it.
更新:我试图玩弄渐变,但运气不佳:
UPDATE: I've tried to play around with the gradient but not having much luck:
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)
结果:
推荐答案
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
这篇关于Swift 3:如何创建 UIImageView 的模糊侧边/角?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文