iOS如何为圆角添加阴影效果示例代码

沃梦达教程移动开发

2023-03-21

最近一个项目中需要用到投影的效果,还要是圆角，通过查找相关的资料终于解决了，所以觉着有必要分享出来，下面这篇文章主要给大家介绍了关于iOS如何为圆角添加阴影效果的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。

前言

大家都知道在iOS中为UIView添加阴影还是比较简单的，只需要设置layer的shadow属性就可以了，但是问题在于设置阴影之后，必须设置masksToBounds为NO，而圆角图片则要求masksToBounds必须为YES，两者相互冲突，会导致无法正确的添加阴影。下面就来给大家介绍正确为圆角添加阴影的效果，话不多说了，来一起看看详细的介绍吧。

先来看看效果图：

IiBzcmM9

正确的做法：

先创建一个透明的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)

总结

以上就是这篇文章的全部内容了，本文还有许多不足，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对编程学习网的支持。

沃梦达教程

本文标题为：iOS如何为圆角添加阴影效果示例代码