在iOS中为UIView添加阴影还是比较简单的,只需要设置layer
的shadow
属性就可以了,但是问题在于设置阴影之后,必须设置masksToBounds
为NO
,而圆角图片则要求masksToBounds
必须为YES
,两者相互冲突,会导致无法正确的添加阴影。
正确的做法是先创建一个透明的UIView
,并添加阴影,设置masksToBounds
为NO
;
然后在透明的UIView
上添加圆角图片,在subView
上设置masksToBounds
为YES
;
这样,就可以完美实现对应的阴影了。
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)
效果如下图:
屏幕快照 2017-08-03 下午2.53.46.png