【iOS開發(fā)】iOS中的Mask

CALayer擁有mask屬性,Apple的官方解釋如下:

An optional layer whose alpha channel is used to mask the layer’s content. The layer’s alpha channel determines how much of the layer’s content and background shows through. Fully or partially opaque pixels allow the underlying content to show through but fully transparent pixels block that content.

mask同樣也是一個CALayer。假設(shè)將CALayer本身稱為ContentLayer离陶,將mask稱為MaskLayer于游,蒙版(Masking)的工作原理是通過MaskLayer的alpha值定義ContentLayer的顯示區(qū)域:對于ContentLayer上每一個Point鉴象,計(jì)算公式為ResultLayer = ContentLayer * MaskLayer_Alpha惋增。所以當(dāng)alpha為1時Content顯示,alpha為0時Content不顯示甩骏,其他處于0與1之間的值導(dǎo)致Content半透明。

需要注意的是:

MaskLayer的color不重要先慷,主要使用opacity(CALayer中的alpha)饮笛,但是注意[UIColor clearColor]其實(shí)就是alpha為0的color。
ContentLayer超出MaskLayer以外的部分不會被顯示出來论熙。
MaskLayer不能有superLayer福青,否則蒙版(Masking)的結(jié)果就是未知(Undefined)。
由于mask是一個CALayer脓诡,可以通過組合產(chǎn)生很多非常棒的效果素跺。例如可以將MaskLayer指定為CAGradientLayer類型實(shí)現(xiàn)Gradient效果,可以給MaskLayer添加動畫誉券。

下面是自己的用Mask做的Splash Demo:Demo 里面 15-AnimatedSplash項(xiàng)目指厌。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市踊跟,隨后出現(xiàn)的幾起案子踩验,更是在濱河造成了極大的恐慌鸥诽,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,729評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件箕憾,死亡現(xiàn)場離奇詭異牡借,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)袭异,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評論 3 399
  • 文/潘曉璐 我一進(jìn)店門钠龙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人御铃,你說我怎么就攤上這事碴里。” “怎么了上真?”我有些...
    開封第一講書人閱讀 169,461評論 0 362
  • 文/不壞的土叔 我叫張陵咬腋,是天一觀的道長。 經(jīng)常有香客問我睡互,道長根竿,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,135評論 1 300
  • 正文 為了忘掉前任就珠,我火速辦了婚禮寇壳,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘妻怎。我一直安慰自己壳炎,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,130評論 6 398
  • 文/花漫 我一把揭開白布蹂季。 她就那樣靜靜地躺著冕广,像睡著了一般。 火紅的嫁衣襯著肌膚如雪偿洁。 梳的紋絲不亂的頭發(fā)上撒汉,一...
    開封第一講書人閱讀 52,736評論 1 312
  • 那天,我揣著相機(jī)與錄音涕滋,去河邊找鬼睬辐。 笑死,一個胖子當(dāng)著我的面吹牛宾肺,可吹牛的內(nèi)容都是我干的溯饵。 我是一名探鬼主播,決...
    沈念sama閱讀 41,179評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼锨用,長吁一口氣:“原來是場噩夢啊……” “哼丰刊!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起增拥,我...
    開封第一講書人閱讀 40,124評論 0 277
  • 序言:老撾萬榮一對情侶失蹤啄巧,失蹤者是張志新(化名)和其女友劉穎寻歧,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體秩仆,經(jīng)...
    沈念sama閱讀 46,657評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡码泛,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,723評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了澄耍。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片噪珊。...
    茶點(diǎn)故事閱讀 40,872評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖齐莲,靈堂內(nèi)的尸體忽然破棺而出痢站,到底是詐尸還是另有隱情,我是刑警寧澤铅搓,帶...
    沈念sama閱讀 36,533評論 5 351
  • 正文 年R本政府宣布瑟押,位于F島的核電站搀捷,受9級特大地震影響星掰,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜嫩舟,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,213評論 3 336
  • 文/蒙蒙 一氢烘、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧家厌,春花似錦播玖、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至掰吕,卻和暖如春果覆,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背殖熟。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評論 1 274
  • 我被黑心中介騙來泰國打工局待, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人菱属。 一個月前我還...
    沈念sama閱讀 49,304評論 3 379
  • 正文 我出身青樓钳榨,卻偏偏與公主長得像,于是被迫代替她去往敵國和親纽门。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,876評論 2 361

推薦閱讀更多精彩內(nèi)容