如何为圆角添加阴影

在iOS中为UIView添加阴影还是比较简单的,只需要设置layershadow属性就可以了,但是问题在于设置阴影之后,必须设置masksToBoundsNO,而圆角图片则要求masksToBounds必须为YES,两者相互冲突,会导致无法正确的添加阴影。
正确的做法是先创建一个透明的UIView,并添加阴影,设置masksToBoundsNO
然后在透明的UIView上添加圆角图片,在subView上设置masksToBoundsYES
这样,就可以完美实现对应的阴影了。

        let baseView = UIView(frame: CGRect(x: 100, y: 100, width: 100, height: 100))
        // add the shadow to the base view
        baseView.backgroundColor = UIColor.clear
        baseView.layer.shadowColor = UIColor.black.cgColor
        baseView.layer.shadowOffset = CGSize(width: 3, height: 3)
        baseView.layer.shadowOpacity = 0.7
        baseView.layer.shadowRadius = 4.0
        self.view.addSubview(baseView)
        
        // add any other subcontent that you want clipped
        let otherSubContent = UIImageView()
        otherSubContent.image = UIImage(named: "lion")
        otherSubContent.frame = baseView.bounds
        otherSubContent.layer.masksToBounds = true
        otherSubContent.layer.cornerRadius = 50
        baseView.addSubview(otherSubContent)

效果如下图:


如何为圆角添加阴影_第1张图片
屏幕快照 2017-08-03 下午2.53.46.png

你可能感兴趣的:(如何为圆角添加阴影)