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

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

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

前言

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

先來看看效果圖：

正確的做法：

先創(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í)價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章:

iOS設(shè)置圓角陰影避免離屏渲染

相關(guān)文章

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