CALayer屬性mask

CALayer的屬性mask,mask也是一個(gè)layer涕蜂,這邊稱它為maskLayer。介紹中描述

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.

maskLayer的alpha值決定其內(nèi)容和背景有多少顯示映琳。不透明和半透明的地方可以讓其內(nèi)容顯示机隙,透明的地方內(nèi)容不顯示;先舉個(gè)栗子??

test 1

- (void)setUpGradientLayerWithNotTransport
{
    //創(chuàng)建一個(gè)view萨西,背景顏色是灰色
    UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight)];
    view.backgroundColor = [UIColor grayColor];
    [self.view addSubview:view];
    
    //采用CAGradientLayer實(shí)現(xiàn)顏色漸變有鹿,來測(cè)試是不是transport會(huì)讓內(nèi)容消失
    CAGradientLayer *gradientLayer = [CAGradientLayer layer];
    gradientLayer.frame = CGRectMake((kScreenWidth - 100)/2,(kScreenHeight -100)/2 , 100, 100);
    
    //設(shè)置三種顏色,黑谎脯、紅葱跋、透明
    [gradientLayer setColors:[NSArray arrayWithObjects:
                             (id)[[UIColor blackColor] CGColor],
                             (id)[[UIColor redColor] CGColor],
                             (id)[[UIColor clearColor] CGColor],
                             nil]];
    
    [gradientLayer setLocations:[NSArray arrayWithObjects:@0.0f, @0.5f, @1.0f, nil]];
    gradientLayer.startPoint = CGPointMake(0, 0);
    gradientLayer.endPoint = CGPointMake(0, 1.0f);
    
    //設(shè)置view的mask
    [view.layer setMask:gradientLayer];
}

運(yùn)行結(jié)果如下:

屏幕快照 2016-07-29 下午3.29.59.png

原本view是整個(gè)屏幕大小,背景是灰色穿肄;gradientLayer是屏幕中心一個(gè)100*100的正方形年局,其顏色值最后一個(gè)是[UIColor clearColor]际看,alpha值為0咸产,而其余兩個(gè)顏色值alpha值為1,可以從圖中看到view只有中心一塊顯示仲闽,并且底部有白色漸變脑溢。

test 2

如果將gradientLayer的顏色換掉,替換代碼如下:

    //設(shè)置三種顏色,黑屑彻、紅验庙、黃
    [gradientLayer setColors:[NSArray arrayWithObjects:
                              (id)[[UIColor blackColor] CGColor],
                              (id)[[UIColor redColor] CGColor],
                              (id)[[UIColor clearColor] CGColor],
                              nil]];

運(yùn)行結(jié)果如下:

屏幕快照 2016-07-29 下午3.32.21.png

view只有中心一塊顯示,但是全是灰色社牲,沒有漸變粪薛,因?yàn)槿齻€(gè)顏色的alpha都為1,layer的內(nèi)容全部顯示搏恤。

test 3

讓結(jié)果更直觀可見违寿,可以選擇

    gradientLayer.backgroundColor = [[UIColor colorWithRed:0.716 green:1.000 blue:0.536 alpha:0.3] CGColor];
    //這邊不需要用gradientLayer;可以用普通Layer
    CALayer *layer = [CALayer layer];
    layer.frame = CGRectMake((kScreenWidth - 100)/2,(kScreenHeight -100)/2 , 100, 100);
    layer.backgroundColor = ([[UIColor colorWithRed:1.000 green:0.320 blue:0.608 alpha:0.259] CGColor]);

直接改變alpha通道熟空,可以發(fā)現(xiàn)layer的原內(nèi)容主體顏色不變藤巢,通透度變化,這邊插播一個(gè)xcode中方便選取顏色的插件ColorSense

注意點(diǎn)
The layer you assign to this property must not have a superlayer. If it does, the behavior is undefined.

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末息罗,一起剝皮案震驚了整個(gè)濱河市掂咒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌迈喉,老刑警劉巖绍刮,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異挨摸,居然都是意外死亡录淡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門油坝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來嫉戚,“玉大人,你說我怎么就攤上這事澈圈”蛱矗” “怎么了?”我有些...
    開封第一講書人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵瞬女,是天一觀的道長窍帝。 經(jīng)常有香客問我,道長诽偷,這世上最難降的妖魔是什么坤学? 我笑而不...
    開封第一講書人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮报慕,結(jié)果婚禮上深浮,老公的妹妹穿的比我還像新娘。我一直安慰自己眠冈,他們只是感情好飞苇,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般布卡。 火紅的嫁衣襯著肌膚如雪雨让。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,578評(píng)論 1 305
  • 那天忿等,我揣著相機(jī)與錄音栖忠,去河邊找鬼。 笑死贸街,一個(gè)胖子當(dāng)著我的面吹牛娃闲,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播匾浪,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼皇帮,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了蛋辈?” 一聲冷哼從身側(cè)響起属拾,我...
    開封第一講書人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎冷溶,沒想到半個(gè)月后渐白,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡逞频,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年纯衍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片苗胀。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡襟诸,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出基协,到底是詐尸還是另有隱情歌亲,我是刑警寧澤,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布澜驮,位于F島的核電站陷揪,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏杂穷。R本人自食惡果不足惜悍缠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望耐量。 院中可真熱鬧飞蚓,春花似錦、人聲如沸拴鸵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽劲藐。三九已至唱星,卻和暖如春冕臭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來泰國打工融虽, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人氛谜。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓君账,卻偏偏與公主長得像,于是被迫代替她去往敵國和親瞎饲。 傳聞我的和親對(duì)象是個(gè)殘疾皇子口叙,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

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

  • “人的一生要經(jīng)歷什么都是有定數(shù)的,上天對(duì)我們的命運(yùn)早就做了安排嗅战。就連現(xiàn)在你我之間的談話也是被安排好的妄田,沒有誰 能夠...
    吟唱者閱讀 159評(píng)論 0 0
  • 一個(gè)人的時(shí)候總是顯得那么落寞 一個(gè)人的時(shí)候也容易傷感 一個(gè)人的時(shí)候容易想要放棄這個(gè)世界 一個(gè)人的時(shí)候 尤其是二十歲...
    火星小喵閱讀 180評(píng)論 0 1