如何添加阴影以使用蒙版查看

Question

我需要为形状为梯形的视图添加阴影。

这是我的代码，但它不起作用。

    [![enter image description here][1]][1]let trapezoidPath = UIBezierPath()
    trapezoidPath.move(to: CGPoint(x: 0, y: 0))
    trapezoidPath.addLine(to: CGPoint(x: Constants.padding, y: bounds.maxY - 10))
    trapezoidPath.addLine(to: CGPoint(x: titleLabel.bounds.width + Constants.padding, y: bounds.maxY - 10))
    trapezoidPath.addLine(to: CGPoint(x: titleLabel.bounds.width + 2 * Constants.padding, y: 0))

    let trapezoidLayer = CAShapeLayer()
    trapezoidLayer.path = trapezoidPath.cgPath
    
    whiteView.layer.shadowPath = UIBezierPath(roundedRect: trapezoidPath.bounds, cornerRadius: whiteView.layer.cornerRadius).cgPath
    whiteView.layer.shadowRadius = 15
    whiteView.layer.shadowOffset = .zero
    whiteView.layer.shadowOpacity = 0.4
    whiteView.layer.masksToBounds = false
    whiteView.layer.shadowColor = UIColor.red.cgColor

    whiteView.layer.mask = trapezoidLayer

Answer 1

不会绘制遮罩之外的任何内容，包括阴影。

要解决此问题，您需要创建两个视图。外部视图应该是透明的并且设置了阴影属性。内部视图作为子视图添加到外部视图并配置了图层蒙版。

基本上内部视图绘制你的形状和内容，它周围的外部视图只负责绘制阴影。

如何添加阴影以使用蒙版查看

How to add shadow to view with mask

swift

uibezierpath

cashapelayer