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

更新時間：2017年10月19日 09:20:09 作者：iOS_ziank

最近一個項目中需要用到投影的效果,還要是圓角，通過查找相關的資料終于解決了，所以覺著有必要分享出來，下面這篇文章主要給大家介紹了關于iOS如何為圓角添加陰影效果的相關資料，需要的朋友可以參考借鑒，下面來一起看看吧。

前言

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

先來看看效果圖：

正確的做法：

先創(chuàng)建一個透明的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設置圓角陰影避免離屏渲染

iOS應用開發(fā)中導航欄按鈕UIBarButtonItem的添加教程
這篇文章主要介紹了iOS應用開發(fā)中導航欄按鈕UIBarButtonItem的添加教程,文中詳細介紹了使用UINavigationController導航控制器添加的過程,需要的朋友可以參考下
2016-02-02
iOS如何巧妙解決NSTimer的循環(huán)引用詳解
這篇文章主要給大家介紹了關于iOS如何巧妙解決NSTimer的循環(huán)引用的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。
2018-03-03
Swift 去除 TableView 多余的空Cell中的橫線的方法
這篇文章主要介紹了Swift 去除 TableView 多余的空Cell中的橫線的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-02-02
如何利用FutureBuilder提高開發(fā)效率
這篇文章主要給大家介紹了關于如何利用FutureBuilder提高開發(fā)效率的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2019-07-07
iOS UIAlertController中UITextField添加晃動效果與邊框顏色詳解
這篇文章主要給大家介紹了關于iOS UIAlertController中UITextField添加晃動效果與邊框顏色的相關資料，實現后的效果非常適合在開發(fā)中使用，文中給出了詳細的示例代碼，需要的朋友可以參考借鑒，下面隨著小編來一起看看吧。
2017-10-10
iOS開發(fā)中蘋果輸入手機號變用戶的名字
今天我們的用戶輸入手機號之后變成了用戶的名字，沒辦法獲取驗證碼，因為手機格式不對。下面通過本文給大家分享開發(fā)中蘋果輸入手機號變用戶的名字,需要的朋友可以參考下
2017-05-05
匯總ios開發(fā)逆向傳值的方法
這篇文章主要為大家匯總了ios開發(fā)逆向傳值的方法，感興趣的小伙伴們可以參考一下
2016-03-03
IOS游戲開發(fā)之五子棋OC版
五子棋是大家比較熟悉的一款小游戲，相信很多人用多種語言寫過五子棋小游戲，本文試著用OC實現了一下，在這里給大家分享一下。有需要的可以參考學習。
2016-08-08
iOS實現百度外賣頭像波浪的效果
對于現在很多人來說,叫外賣就成了不可或缺的習慣。某日瞬間發(fā)現百度外賣的APP波浪效果很是吸引人，相比較其他的外賣APP，顏值略高些.(淘寶也有波浪的效果)，遂就思考如何實現這種"浪"的效果，下面來一起看看。
2016-08-08
iOS開發(fā)之獲取系統相冊中的圖片與視頻教程(內帶url轉換)
本篇文章主要介紹了iOS開發(fā)之獲取系統相冊中的圖片與視頻教程(內帶url轉換)，主要介紹AssetsLibrary 框架，具有一定的參考價值，有需要的可以了解一下。
2016-11-11