iOS如何為圓角添加陰影效果示例代碼

發(fā)布時間：2020-09-07 19:16:24 來源：腳本之家閱讀：277 作者：iOS_ziank 欄目：移動開發(fā)

前言

大家都知道在iOS中為UIView添加陰影還是比較簡單的，只需要設(shè)置layer的shadow屬性就可以了，但是問題在于設(shè)置陰影之后，必須設(shè)置masksToBounds為NO，而圓角圖片則要求masksToBounds必須為YES，兩者相互沖突，會導(dǎo)致無法正確的添加陰影。下面就來給大家介紹正確為圓角添加陰影的效果，話不多說了，來一起看看詳細(xì)的介紹吧。

先來看看效果圖：

iOS如何為圓角添加陰影效果示例代碼

正確的做法：

先創(chuàng)建一個透明的UIView，并添加陰影，設(shè)置masksToBounds為NO；

然后在透明的UIView上添加圓角圖片，在subView上設(shè)置masksToBounds為YES；

這樣，就可以完美實現(xiàn)對應(yīng)的陰影了。

示例代碼

  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)

總結(jié)

以上就是這篇文章的全部內(nèi)容了，本文還有許多不足，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，如果有疑問大家可以留言交流，謝謝大家對億速云的支持。

向AI問一下細(xì)節(jié)

iOS如何為圓角添加陰影效果示例代碼

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽