仅在底部UIView上设置阴影

Question

我想在UIView上创建仅底部阴影。现在使用此功能，将在顶部，底部，左侧和右侧创建阴影。

func setCardView(view : UIView){
    view.layer.masksToBounds = false
    view.layer.shadowOffset = CGSize(width: 0, height: 0)
    view.layer.shadowRadius = 2
    view.layer.shadowOpacity = 0.5
}

无论如何只有在底部创建阴影？任何帮助，将不胜感激。谢谢！

Answer 1

我认为阴影的正确思考方式是，阴影属于对象，即按钮，uiview，而不仅仅是侧面的一部分。想象有一个虚拟光源。你不能真正为一方创造一个阴影。

话虽如此，影子将始终是整个视图的阴影。但是，您可以更改阴影偏移以使其朝向底部。

view.layer.shadowOffset = CGSize(width: 0, height: 3)

这意味着您希望光源从顶部拍摄光线以使阴影到达底部。你仍然在顶部看到一些阴影的原因是阴影半径。这是为了模拟光的diffuse。光线散射越多，阴影就越柔和，所以你仍会看到顶影。

view.layer.shadowRadius = 1 or 0.5

尽量减少半径。它会给你一个更好的视觉效果。

如果需要，要了解本影，半影和antumbra，请查看https://en.wikipedia.org/wiki/Umbra,_penumbra_and_antumbra

Answer 2

改变你的shadowOffset

 view.layer.shadowOffset = CGSize(width: 0, height: 3)

Answer 3

此代码适用于swift 4和阴影申请视图底部：

view.layer.masksToBounds = false
view.layer.shadowRadius = 4
view.layer.shadowOpacity = 1
view.layer.shadowColor = UIColor.gray.cgColor
view.layer.shadowOffset = CGSize(width: 0 , height:2)

Answer 4

这是在Swift中应用阴影的正确方法：

yourView.layer.shadowOffset = CGSize(width: 0, height: 3)
yourView.layer.shadowOpacity = 0.6
yourView.layer.shadowRadius = 3.0
yourView.layer.shadowColor = UIColor.red.cgColor

Answer 5

如果你真的只想在UIView的一侧有阴影，你应该将你的view.layer.shadowPath设置为UIBezierPath。

这是一个只在视图底部显示阴影的示例：

view.layer.shadowPath = UIBezierPath(rect: CGRect(x: 0,
                                                  y: bounds.maxY - layer.shadowRadius,
                                                  width: bounds.width,
                                                  height: layer.shadowRadius)).cgPath

解构CGRect值，你会得到：

• x和width确保阴影占据视图的完整水平宽度（您可能需要调整它们，例如使用layer.shadowRadius值作为抵消的基础）
• y和height确保阴影尽可能低，然后只有半径大

当然，在某些情况下这不起作用，例如当你想要一个大于你的视图的shadowRadius的height时。在这些情况下，我建议使用图像视图或蒙版图层。

希望这可以帮助，

Answer 6

老问题，但似乎没有答案真正回答这个问题。虽然上面的答案将适用于低shadowRadius你没有真正得到'阴影'效果。

您可以使用UIBezierPath将阴影添加到底部

这是如何做 -

    let shadowWidth: CGFloat = 1.2 // Shadow width, will be the width furthest away from the view, this is equivalent to 120% of the views width
    let shadowHeight: CGFloat = 0.3 // Shadow height, again this is equivalent to 30%
    let shadowRadius: CGFloat = 5 
    let width = someView.frame.width
    let height = someView.frame.height // Get width and height of the view

    // Plot the path
    let shadowPath = UIBezierPath()
    shadowPath.move(to: CGPoint(x: shadowRadius / 2, y: height - shadowRadius / 2))
    shadowPath.addLine(to: CGPoint(x: width - shadowRadius / 2, y: height - shadowRadius / 2))
    shadowPath.addLine(to: CGPoint(x: width * shadowWidth, y: height + (height * shadowHeight)))
    shadowPath.addLine(to: CGPoint(x: width * -(shadowWidth - 1), y: height + (height * shadowHeight)))
    // Add shadow
    someView.layer.shadowPath = shadowPath.cgPath
    someView.layer.shadowRadius = shadowRadius
    someView.layer.shadowOffset = .zero
    someView.layer.shadowOpacity = 0.2

这输出了这个

或者如果你想要一个更简单的解决方案，你可以选择更少的选项

   let buttonHeight = someButton.frame.height
    let buttonWidth = someButton.frame.width

    let shadowSize: CGFloat = 15
    let contactRect = CGRect(x: -shadowSize, y: buttonHeight - (shadowSize * 0.2), width: buttonWidth + shadowSize * 2, height: shadowSize)
    someButton.layer.shadowPath = UIBezierPath(ovalIn: contactRect).cgPath
    someButton.layer.shadowRadius = 5
    someButton.layer.shadowOpacity = 0.6

哪个会输出这个

这里的例子

https://github.com/hemo87/ExampleShadow/tree/master