ios - 使用 UIView 在 Swift 中归档 CSS "box-shadow"类似结果

Question

我正在尝试使用通用 UIView 复制 CSS box-shadow 属性的外观。

作为引用，这是 CSS 行:

box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.30); #h-shadow v-shadow blur spread color

这是我在 iOS 中使用通用 UIView 所做的事情:

shadowView.layer.masksToBounds = false
shadowView.layer.shadowOffset = CGSize(width: 0, height: 12)//Blur
shadowView.layer.shadowOpacity = 0.30
shadowView.layer.shadowRadius = 6.0 //V-shadow

但是，如下所示，效果并不相似:

具体来说，iOS 阴影不会像 CSS 阴影那样向顶部延伸一点。我的主要目标是解决这个问题，使阴影在 View 的顶部延伸一点。如有任何指点，我们将不胜感激。

Answer 1

.shadowOffset 不是您标记的“模糊”。它是阴影从其来源移动的 x/y 偏移量。试试这个:

shadowView.layer.shadowOffset = CGSize(width: 30, height: 30)

您会立即明白我的意思。

如果您尝试使用这些值，您可能会达到一个对您来说足够接近的点。尝试:

    theView.layer.shadowOffset = CGSize(width: 0, height: 8)
    theView.layer.shadowRadius = 7.0

开始。