CALayer的基本使用

1.CALayer是核心動(dòng)畫(huà)的基礎(chǔ)惹想,可以做圓角、陰影础浮、邊框等效果。
2.每個(gè)UIview內(nèi)部都有一個(gè)Layer的屬性奠骄。
3.在實(shí)現(xiàn)核心動(dòng)畫(huà)時(shí)豆同,本質(zhì)上將CALayer中的內(nèi)容轉(zhuǎn)換成位圖,從而便于圖形硬件的操縱含鳞。
4.在使用CALayer是要添加QuartzCore框架影锈。
5.UIKit 框架只能在IOS開(kāi)發(fā)使用不能在MAC開(kāi)發(fā)使用,但是Quartz 2D 是可以跨平臺(tái)的,因此在使用顏色鸭廷、image時(shí)要將結(jié)果進(jìn)行轉(zhuǎn)化枣抱。轉(zhuǎn)化為CG·····的。
6.修改圖層相當(dāng)于修改UIview的屬性辆床,即修改界面的屬性佳晶。
7.形變屬性既可以使用形變函數(shù)制定,也可以使用keyPath指定讼载。

CALayer可以設(shè)置一下屬性:

bounds:寬度和高度轿秧。
position:位置(默認(rèn)為中心點(diǎn),具體由anchorPoint決定)
anchorPoint:錨點(diǎn)(x维雇,y的范圍是0-1)決定了position的含義淤刃。
backgroundColor:背景顏色(CGcolorRef類(lèi)型)
borderColor:邊框顏色(CGColorRef類(lèi)型)
borderWidth:邊框?qū)挾?br> borderRadius:圓角半徑
content:內(nèi)容

transform可以調(diào)整CALayer的形變,包括:旋轉(zhuǎn)吱型、縮放逸贾、平移。
transform屬性的參數(shù)可以查詢(xún):CATransform津滞。

直接看代碼:

UIImage *image = [UIImage imageNamed:@"1.JPG"];
    UIImageView *imageView = [[UIImageView alloc]initWithImage:image];

    [imageView setFrame:CGRectMake(50, 50, 200, 200)];
    
    [self.view addSubview:imageView];
    
    //1.圓角半徑
    //提示imageview中 圖層不止一個(gè) 如果要實(shí)現(xiàn)圓角效果 需要設(shè)置一個(gè)跟誰(shuí)屬性
    //setMasksToBounds  可以讓imageview中所有的子圖層跟誰(shuí)imageview一起變化
    [imageView.layer setMasksToBounds:YES];
    imageView.layer.cornerRadius = 50.0f;
    
    //2.陰影
    //提示  如果設(shè)置了 setMasksToBounds屬性 imageview的陰影屬性無(wú)效
    [imageView.layer setShadowColor:[UIColor redColor].CGColor];
    [imageView.layer setShadowOffset:CGSizeMake(10.0, 10.0)];
    [imageView.layer setShadowOpacity:1.0f];
    
    //3.邊框
    [imageView.layer setBorderColor:[UIColor blueColor].CGColor];
    [imageView.layer setBorderWidth:3.0f];
    
    //4.形變屬性  在CAlyer中 形變屬性是3d的  不再是2d的
    //注意  : 形變參數(shù)在使用set方法是  只能使用一種形變
    //4.1  平移屬性
//    [imageView.layer setTransform:CATransform3DMakeTranslation(0, 300, 0)];
//    //4.2 縮放蘇醒
//    [imageView.layer setTransform:CATransform3DMakeScale(0.5, 0.5, 1.0)];
//    //4.2旋轉(zhuǎn)屬性  通常在旋轉(zhuǎn)時(shí)  使用z軸即可  要沿著那個(gè)軸轉(zhuǎn) 就設(shè)置為1   x,y 旋轉(zhuǎn)90為不可見(jiàn)狀態(tài)
//    [imageView.layer setTransform:CATransform3DMakeRotation(M_PI_4, 0, 0, 1)];
    
    //5.利用keyPath設(shè)置形變  但是屬性不要出錯(cuò)  可以在文檔中進(jìn)行搜索(transform3D)
    //5.1平移
    [imageView.layer setValue:@-100 forKeyPath:@"transform.translation.x"];
    //5.2縮放
    [imageView.layer setValue:@0.5 forKeyPath:@"transform.scale"];
    //5.3旋轉(zhuǎn)
    [imageView.layer setValue:@M_PI_2 forKeyPath:@"transform.rotation.z"];


效果:

D55EE72B-C656-4038-915D-B2A430F8D357.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末铝侵,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子触徐,更是在濱河造成了極大的恐慌咪鲜,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,888評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件撞鹉,死亡現(xiàn)場(chǎng)離奇詭異疟丙,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)鸟雏,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)享郊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人孝鹊,你說(shuō)我怎么就攤上這事炊琉。” “怎么了又活?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,386評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵苔咪,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我柳骄,道長(zhǎng)团赏,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,726評(píng)論 1 297
  • 正文 為了忘掉前任耐薯,我火速辦了婚禮馆里,結(jié)果婚禮上隘世,老公的妹妹穿的比我還像新娘。我一直安慰自己鸠踪,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,729評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布复斥。 她就那樣靜靜地躺著营密,像睡著了一般。 火紅的嫁衣襯著肌膚如雪目锭。 梳的紋絲不亂的頭發(fā)上评汰,一...
    開(kāi)封第一講書(shū)人閱讀 52,337評(píng)論 1 310
  • 那天,我揣著相機(jī)與錄音痢虹,去河邊找鬼被去。 笑死,一個(gè)胖子當(dāng)著我的面吹牛奖唯,可吹牛的內(nèi)容都是我干的惨缆。 我是一名探鬼主播,決...
    沈念sama閱讀 40,902評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼丰捷,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼坯墨!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起病往,我...
    開(kāi)封第一講書(shū)人閱讀 39,807評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤捣染,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后停巷,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體耍攘,經(jīng)...
    沈念sama閱讀 46,349評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,439評(píng)論 3 340
  • 正文 我和宋清朗相戀三年畔勤,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蕾各。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,567評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡硼被,死狀恐怖示损,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情嚷硫,我是刑警寧澤检访,帶...
    沈念sama閱讀 36,242評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站仔掸,受9級(jí)特大地震影響脆贵,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜起暮,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,933評(píng)論 3 334
  • 文/蒙蒙 一卖氨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦筒捺、人聲如沸柏腻。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,420評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)五嫂。三九已至,卻和暖如春肯尺,著一層夾襖步出監(jiān)牢的瞬間沃缘,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,531評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工则吟, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留槐臀,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,995評(píng)論 3 377
  • 正文 我出身青樓氓仲,卻偏偏與公主長(zhǎng)得像水慨,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子寨昙,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,585評(píng)論 2 359

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

  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果讥巡,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜,今天將帶大家一窺iOS動(dòng)畫(huà)全貌舔哪。在這里你可以看...
    F麥子閱讀 5,115評(píng)論 5 13
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果欢顷,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜,今天將帶大家一窺ios動(dòng)畫(huà)全貌捉蚤。在這里你可以看...
    每天刷兩次牙閱讀 8,514評(píng)論 6 30
  • 在iOS實(shí)際開(kāi)發(fā)中常用的動(dòng)畫(huà)無(wú)非是以下四種:UIView動(dòng)畫(huà)抬驴,核心動(dòng)畫(huà),幀動(dòng)畫(huà)缆巧,自定義轉(zhuǎn)場(chǎng)動(dòng)畫(huà)布持。 1.UIView...
    請(qǐng)叫我周小帥閱讀 3,112評(píng)論 1 23
  • 本文轉(zhuǎn)載自:http://www.cocoachina.com/ios/20150104/10814.html ...
    idiot_lin閱讀 1,570評(píng)論 0 11
  • Core Animation Core Animation,中文翻譯為核心動(dòng)畫(huà)陕悬,它是一組非常強(qiáng)大的動(dòng)畫(huà)處理API题暖,...
    45b645c5912e閱讀 3,033評(píng)論 0 21