ios – UIView图层上的阴影

我已经制作了一条路径来掩盖我的观点：

let path = // create magic path (uiview bounds + 2 arcs)
let mask = CAShapeLayer()
mask.path = path.cgPath
view.layer.masksToBounds = false
view.layer.mask = mask

到目前为止一切都好.

现在我想添加一个跟随路径的阴影,它可能吗？

我尝试了几种方式,最后一种是：

mask.shadowPath = path.cgPath
mask.shadowColor = UIColor.red.cgColor
mask.shadowOffset = CGSize(width: 10,height: 2.0)       
mask.shadowOpacity = 0.5

但这会产生局部阴影和原始视图的颜色.

使用调试视图层次结构

有什么建议？

最终结果应与此类似,但阴影“跟随”路径上的弧.

解决方法

当您向图层添加蒙版时,它会剪切该蒙版之外的任何内容 – 包括阴影.要实现此目的,您需要在蒙版视图下方添加一个“阴影”视图,该视图与蒙版具有相同的路径.

或者将阴影图层添加到蒙版视图的超视图中.

let view = UIView(frame: CGRect(x: 50,y: 70,width: 100,height: 60))
view.backgroundColor = .cyan

let mask = CAShapeLayer()
mask.path = UIBezierPath(roundedRect: view.bounds,cornerRadius: 10).cgPath
view.layer.mask = mask

let shadowLayer = CAShapeLayer()
shadowLayer.frame = view.frame
shadowLayer.path = UIBezierPath(roundedRect: view.bounds,cornerRadius: 10).cgPath
shadowLayer.shadowOpacity = 0.5
shadowLayer.shadowRadius = 5
shadowLayer.masksToBounds = false
shadowLayer.shadowOffset = .zero    

let container = UIView(frame: CGRect(x: 0,y: 0,width: 200,height: 200))
container.backgroundColor = .white
container.layer.addSublayer(shadowLayer)
container.addSubview(view)

如果你打算在其他地方使用它,你可以创建一个包含阴影层的ShadowMaskedView和蒙版视图 – 可能带有路径属性.