IOS为UIButton添加了阴影

Posted 2021-04-18

我试图为按钮添加阴影，但阴影被添加到按钮的文本而不是整个按钮：

我需要使用代码来实现这一目标吗？或者这是一个尺寸问题？我可以在故事板上添加阴影大小，但是如果它应该围绕按钮我看不到在哪里设置

答案

这是因为你的按钮的背景是透明的。 当你在具有透明背景的UIView上设置阴影时，阴影会应用于他的所有子视图（而不是UIView本身）。在您的情况下，您有一个具有透明背景的UIButton，因此阴影应用于其所有可见的子视图，在这种情况下仅为其titleLabel。 所以你有两个解决方案： 1）将按钮的背景颜色更改为其他颜色 2）直接指定shadowPath： button.layer.shadowPath = UIBezierPath(rect: button.layer.bounds).cgPath

另一答案

我对故事板没有太多了解，但使用下面的图层属性可以设置阴影。你可以玩按钮。

我尝试下面的代码并根据您的要求更改值，并为您的按钮添加一些颜色

    //button is your button name
    button.backgroundColor = self.view.backgroundColor
    button.layer.shadowOpacity = 0.3
    button.layer.shadowRadius = 2.0
    button.layer.shadowColor = UIColor.yellow.cgColor
    button.layer.cornerRadius = 2

另一答案

阴影被赋予整个按钮。问题是按钮本身有backgroundColor == .clear，这意味着它不会创建任何阴影（只有它的标题是非透明部分，因此这只是创建阴影的部分）。

在您的情况下，将按钮的背景颜色设置为与其超级视图相同的颜色，您应该得到您想要的颜色。

另一答案

这里有两个添加阴影的扩展方法

extension UIView {
func setRadiusWithShadow(_ radius: CGFloat? = nil) { // this method adds shadow to right and bottom side of button
    self.layer.cornerRadius = radius ?? self.frame.width / 2
    self.layer.shadowColor = UIColor.darkGray.cgColor
    self.layer.shadowOffset = CGSize(width: 1.5, height: 1.5)
    self.layer.shadowRadius = 1.0
    self.layer.shadowOpacity = 0.7
    self.layer.masksToBounds = false
}

func setAllSideShadow(shadowShowSize: CGFloat = 1.0) { // this method adds shadow to allsides
    let shadowSize : CGFloat = shadowShowSize
    let shadowPath = UIBezierPath(rect: CGRect(x: -shadowSize / 2,
                                               y: -shadowSize / 2,
                                               width: self.frame.size.width + shadowSize,
                                               height: self.frame.size.height + shadowSize))
    self.layer.masksToBounds = false
    self.layer.shadowColor = UIColor.lightGray.withAlphaComponent(0.8).cgColor
    self.layer.shadowOffset = CGSize(width: 0.0, height: 0.0)
    self.layer.shadowOpacity = 0.5
    self.layer.shadowPath = shadowPath.cgPath
}
}

 self.view.layoutIfNeeded() // need this method to layout your run time button frame before giving shadow

第一个按钮是所有侧面阴影

self.recordMeasurementWrapperView.setAllSideShadow(shadowShowSize: 3.0)

第二个按钮只有底部和右侧的阴影

self.retakeMeasurementWrapperView.setRadiusWithShadow(2.0)