Swift 3Xcode故事板，添加box-shadow到UIView，就像CSS风格的box-shadow

Question

正如你所看到的，我想在单元格中每个UIView的边缘周围添加一个阴影，白色加灰色很难清楚地看到它的边界。

​

​

Answer 1

设置视图的阴影属性以添加阴影。

SWIFT 3

YourView.layer.shadowOpacity = 0.7
YourView.layer.shadowOffset = CGSize(width: 3, height: 3)
YourView.layer.shadowRadius = 15.0
YourView.layer.shadowColor = UIColor.darkGray.cgColor

备注：将YourView替换为您想要阴影的视图。

Answer 2

以下是我的方法：

您将创建一个名为ShadowView的新类。

import UIKit

@IBDesignable
class ShadowView: UIView {
    //Shadow
    @IBInspectable var shadowColor: UIColor = UIColor.black {
        didSet {
            self.updateView()
        }
    }
    @IBInspectable var shadowOpacity: Float = 0.5 {
        didSet {
            self.updateView()
        }
    }
    @IBInspectable var shadowOffset: CGSize = CGSize(width: 3, height: 3) {
        didSet {
            self.updateView()
        }
    }
    @IBInspectable var shadowRadius: CGFloat = 15.0 {
        didSet {
            self.updateView()
        }
    }

    //Apply params
    func updateView() {        
        self.layer.shadowColor = self.shadowColor.cgColor
        self.layer.shadowOpacity = self.shadowOpacity
        self.layer.shadowOffset = self.shadowOffset
        self.layer.shadowRadius = self.shadowRadius
    }
}

然后，您可以在故事板中将此类应用于视图，如下所示：

​

​

现在，您可以在属性检查器中编辑值：

​

​

Answer 3

您可以根据需要选择不透明度。

override func awakeFromNib() 
{
        super.awakeFromNib()

        self.viewContainer.layer.shadowOffset =  CGSize(width: 0, height: 1)   // CGSizeMake(0, 1)
        self.viewContainer.layer.shadowColor = UIColor.black.cgColor
        self.viewContainer.layer.shadowRadius = 1.5
        self.viewContainer.layer.shadowOpacity = 0.65
        self.viewContainer.layer.cornerRadius = 1
        self.viewContainer.clipsToBounds = true
        self.viewContainer.layer.masksToBounds = false       
        self.layer.masksToBounds = false
    }