ios - 单一 View iOS 上的多个投影

Question

我想在一个 View 中添加多个具有不同不透明度的阴影。阴影的规范如下:

• Y 偏移量为 4，模糊半径为 1
• Y 偏移量为 10，模糊半径为 10
• Y 偏移量为 2，模糊半径为 4
• 1 的模糊半径，1 的散布(没有偏移，可能必须是 4 个不同的阴影)

我可以使用 CALayer 使所有这些工作正常进行秒。这是我为此工作的代码(请注意，我还没有费心去设置 shadowPath，直到我让多重阴影工作时才会这样做):

layer.cornerRadius = 4
layer.masksToBounds = false
layer.shouldRasterize = true
let layer2 = CALayer(layer: layer), layer3 = CALayer(layer: layer), layer4 = CALayer(layer: layer)
layer.shadowOffset = CGSizeMake(0, 4)
layer.shadowRadius = 1
layer2.shadowOffset = CGSizeMake(0, 10)
layer2.shadowRadius = 10
layer2.shadowColor = UIColor.blackColor().CGColor
layer2.shouldRasterize = true //Evidently not copied during initialization from self.layer
layer3.shadowOffset = CGSizeMake(0, 2)
layer3.shadowRadius = 4
layer3.shouldRasterize = true
layer4.shadowOffset = CGSizeMake(0, 1)
layer4.shadowRadius = 1
layer4.shadowOpacity = 0.1
layer4.shouldRasterize = true
layer.addSublayer(layer2)
layer.addSublayer(layer3)
layer.addSublayer(layer4)

(虽然这段代码是用 Swift 编写的，但我相信大多数 Cocoa/Objective-C 开发人员对它看起来足够熟悉，所以它是有意义的。只知道 layer 等同于 self.layer 在这种情况下。)

但是，当我尝试为每个阴影使用不同的不透明度时，问题就出现了。 shadowOpacity layer的属性(property)最终被应用到它的所有子层。这是个问题，因为我需要它们都有自己的阴影不透明度。我已经尝试将每一层的阴影不透明度设置为其正确的值( 0.04 、 0.12 等)，但后来 0.04 的不透明度的 layer应用于所有子层。所以我尝试设置 layer.shadowOpacity至 1.0 , 但是这使得所有的阴影都是黑色的。我也试着变聪明去做layer2.shadowColor = UIColor(red: 0, green: 0, blue: 0, alpha: 0.12).CGColor , 但它只是变成了没有透明度的全黑。

我认为图层应该具有相同的阴影不透明度是有某种意义的。但是有什么方法可以让这个工作，改变不透明度和所有(如果另一种方法更容易，则不必使用 CALayer)？

请不要用“只用一张图片”来回答:无论这可能多么理智，我都在努力避免它。开玩笑吧。

谢谢。

编辑:根据要求，这就是我所追求的: .

Answer 1

需要添加的关键是设置图层的shadowPath。默认情况下，Core Graphics 在层的可见内容周围绘制阴影，但在您的代码中既没有为层设置 backgroundColor 也没有为层设置 bounds，因此层实际上是空的。

假设您有一个 UIView 子类，您可以通过添加如下内容使其工作:

override func layoutSubviews() {
    super.layoutSubviews()
    layer.sublayers?.forEach { (sublayer) in
        sublayer.shadowPath = UIBezierPath(rect: bounds).cgPath
    }
}

我在具有多个阴影的 View 上测试了这种方法，并且它按预期工作，只要为阴影层定义了 shadowPath。不同的阴影颜色和不透明度也有效果，但您必须记住，层次结构中的上层会与它们后面的层重叠，因此如果前层的阴影很厚，其他阴影可能会被它遮住。