ios - 带有阴影和圆边的 ContainerView

Question

我想创建带有阴影和圆形边缘的自定义 ContainerView。此 ContainerView 以小矩形的形式放置在另一个 UIView 的顶部。在这种特殊情况下，使用 CoreGraphics 添加图层或绘制阴影都无济于事。

Answer 1

你错了，额外的 View /层没有帮助。

您可以将带有圆角的 roundedContainer 放入另一个带有阴影的 shadowedView 中。为避免出现这些白角，请确保将背景颜色设置为 clear 某处。

例子:

//superview for container with rounded corners
shadowedView.backgroundColor = UIColor.clear //this will fix your white corners issue
shadowedView.layer.shadowColor = UIColor.black.cgColor
shadowedView.layer.shadowOffset = .zero
shadowedView.layer.shadowOpacity = 0.3
shadowedView.layer.shadowRadius = 5.0

//add a container with rounded corners
let roundedView = UIView()
roundedView.frame = baseView.bounds
roundedView.layer.cornerRadius = 10
roundedView.layer.masksToBounds = true
shadowedView.addSubview(roundedView)