快捷導(dǎo)航

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

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

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

前言

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

先來(lái)看看效果圖：

正確的做法：

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

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

這樣，就可以完美實(shí)現(xiàn)對(duì)應(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é)

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

您可能感興趣的文章:

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

相關(guān)文章

iOS密碼在進(jìn)入后臺(tái)1小時(shí)后重新設(shè)置
這篇文章主要介紹了iOS密碼在進(jìn)入后臺(tái)1小時(shí)后重新設(shè)置的相關(guān)資料,需要的朋友可以參考下
2017-08-08
iOS Swift邏輯運(yùn)算符示例總結(jié)
運(yùn)算符是一個(gè)符號(hào),用于告訴編譯器執(zhí)行一個(gè)數(shù)學(xué)或邏輯運(yùn)算,下面這篇文章主要給大家介紹了關(guān)于iOS Swift邏輯運(yùn)算符的相關(guān)資料,需要的朋友可以參考下
2021-10-10
詳解iOS開(kāi)發(fā)中UIPickerView控件的使用方法
這篇文章主要介紹了詳解iOS開(kāi)發(fā)中UIPickerView控件的使用方法,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下
2015-11-11
iOS中實(shí)現(xiàn)檢測(cè)Zoombie對(duì)象的具體方法
這篇文章主要給大家介紹了關(guān)于iOS中實(shí)現(xiàn)檢測(cè)Zoombie對(duì)象的具體方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2018-01-01
將多個(gè)字符串高亮顯示之TTTAttributedLabel
本文介紹了將多個(gè)字符串高亮顯示之TTTAttributedLabel。在此需要對(duì)每個(gè)字符串進(jìn)行匹配，可以研究下kmp和bm算法，在這里應(yīng)用了oc自帶的NSRegularExpression 來(lái)進(jìn)行正則表達(dá)式匹配，算是比較簡(jiǎn)單的方法,需要的朋友可以參考下
2015-07-07
iOS UIPickerView的簡(jiǎn)單封裝示例
這篇文章主要給大家介紹了關(guān)于iOS UIPickerView的簡(jiǎn)單封裝的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)各位iOS開(kāi)發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-06-06
iOS音樂(lè)播放器實(shí)現(xiàn)代碼完整版
這篇文章主要為大家詳細(xì)介紹了iOS音樂(lè)播放器實(shí)現(xiàn)代碼完整版，包括音頻列表、播放器、后臺(tái)播放、鎖屏播放，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-05-05
一篇文章讓你看懂IOS中的block為何再也不需要WeakSelf弱引用
這篇文章主要給大家介紹了關(guān)于IOS中block為何再也不需要WeakSelf弱引用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)各位iOS開(kāi)發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2018-01-01
IOS Cache設(shè)計(jì)詳細(xì)介紹及簡(jiǎn)單示例
這篇文章主要介紹了IOS Cache設(shè)計(jì)詳細(xì)介紹及簡(jiǎn)單示例的相關(guān)資料,Cache的目的是為了追求更高的速度體驗(yàn)，Cache的源頭是兩種數(shù)據(jù)讀取方式在成本和性能上的差異，需要的朋友可以參考下
2017-01-01
詳解iOS中UIButton的三大UIEdgeInsets屬性用法
這篇文章主要介紹了iOS中UIButton的三大UIEdgeInsets屬性用法,分別講解了contentEdgeInsets、imageEdgeInsets和titleEdgeInsets三個(gè)屬性在創(chuàng)建UIButton時(shí)對(duì)樣式的控制,需要的朋友可以參考下
2016-04-04