以编程方式创建具有阴影效果的圆形按钮

在Swift中创建应用程序时,对UI进行出色的设计至关重要。 实现吸引人的设计的最简单方法之一是在文本或按钮上添加一些阴影。 对于那些在Swift中使用故事板的人,您可能已经知道如何在按钮上添加阴影,但是对于那些喜欢在应用程序中编写所有代码的人,我想向您展示如何以编程方式添加阴影效果。

这是我在故事板上添加的默认按钮。 这个按钮对我来说很普通。 为了向此按钮添加光晕,我最喜欢实现的功能之一是添加阴影并创建圆形边框。 我们怎样才能做到这一点? 让我们看一些代码。

  pressButton.layer.shadowColor = UIColor.black.cgColor 
  pressButton.layer.shadowOffset = CGSize(宽度:0.0,高度:5.0) 
  pressButton.layer.masksToBounds =假 
  pressButton.layer.shadowRadius = 2.0 
  pressButton.layer.shadowOpacity = 0.5 
  pressButton.layer.cornerRadius = pressButton.frame.width / 2 
  pressButton.layer.borderColor = UIColor.black.cgColor 
  pressButton.layer.borderWidth = 2.0 

让我们解释一下每个图层设置的作用。

  • shadowColor =设置阴影的颜色
  • shadowOffset =设置阴影应距视图多远,以提供3D偏移效果
  • masksToBounds =确定是否将超出其边界的层的任何子层剪切到这些边界(在我的示例中,我将其设置为false以显示角半径和阴影效果)
  • shadowRadius =设置阴影的宽度
  • shadowOpacity =设置阴影的透明度,其中0不可见,而1则尽可能强
  • cornerRadius =设置拐角的半径(这里我将其设置为按钮框的宽度除以2以获得圆形按钮。要注意的重要一点是,这仅在按钮的宽度和高度相等时才有效)
  • borderColor =设置边框的颜色
  • borderWidth =设置边框的宽度(没有此设置,边框将不呈现)

结果就是这里! 稍微调整一下按钮的图层设置,看起来已经更好了。 使用这些设置可以实现多种效果。 我建议您尝试各种阴影设置,以了解可以实现的目标。 今天就这些!