關(guān)于CAShapeLayer和DrawRect的比較

DrawRect:DrawRect屬于CoreGraphic框架子寓,占用CPU结啼,消耗性能大
CAShapeLayer:CAShapeLayer屬于CoreAnimation框架劈猿,通過GPU來渲染圖形,節(jié)省性能庸蔼。動(dòng)畫渲染直接提交給手機(jī)GPU,不消耗內(nèi)存

貝塞爾曲線與CAShapeLayer的關(guān)系

  1. CAShapeLayer中shape代表形狀的意思贮匕,所以需要形狀才能生效
    2.貝塞爾曲線可以創(chuàng)建基于矢量的路徑
    3.貝塞爾曲線給CAShapeLayer提供路徑姐仅,CAShapeLayer在提供的路徑中進(jìn)行渲染。路徑會閉環(huán)刻盐,所以繪制出了shape
    4.用于CAShapeLayer的貝塞爾曲線作為path掏膏,其path是一個(gè)首尾相連接的閉環(huán)曲線,即使該貝塞爾曲線不是一個(gè)閉環(huán)的曲線
    CAShapeLayer比CALayer做動(dòng)畫更加復(fù)雜敦锌,
    普通CALayer在被初始化的時(shí)候是需要給一個(gè)frame的值的馒疹,這個(gè)frame值一般都與給定view的bounds值一致,它本身是有形狀的乙墙,而且是矩形颖变。

CAShapeLayer在初始化的時(shí)候也需要給一個(gè)frame值,但是听想,它本身沒有形狀腥刹,它的形狀來源于你給定的一個(gè)path,然后它去取CGPath值哗魂,它與CALayer有區(qū)別

CAShapeLayer有著幾點(diǎn)很重要:
1.它依附于一個(gè)給定的path肛走,必須給予path,而且录别,即使path不完整也會自動(dòng)首尾相連接

2.storkeStart遺跡strokeEnd代表著在這個(gè)path中所占 用的百分比

  1. CAShapeLayer動(dòng)畫僅僅限于沿著邊緣的動(dòng)畫效果朽色,它實(shí)現(xiàn)不了填充效果

以下給出如何使用CAShapeLayer實(shí)現(xiàn)畫圓的效果

  //創(chuàng)建一個(gè)view
 UIView *showView = [[UIViewalloc] initWithFrame:CGRectMake(100,100, 100, 100)];
[self.viewaddSubview:showView];

//showView.backgroundColor = [UIColor redColor];
showView.alpha =0.5;
//bezier曲線
UIBezierPath *path = [UIBezierPathbezierPathWithArcCenter:CGPointMake(100/2.f,100/2.f)radius:100/2.fstartAngle:0endAngle:M_PI *2 clockwise:YES];

//創(chuàng)建一個(gè)shapeLayer
CAShapeLayer *layer = [CAShapeLayerlayer];
layer.frame = showView.bounds;
layer.strokeColor = [UIColorgreenColor].CGColor; //邊緣線的顏色
layer.fillColor = [UIColorclearColor].CGColor;   //閉環(huán)填充的顏色
layer.lineCap =kCALineCapSquare;                  //邊緣線的類型
layer.path = path.CGPath;                         //從bezier曲線獲取到的形狀
layer.lineWidth =4.0f;                            //線條寬度
layer.strokeStart =0.0f;
layer.strokeEnd =0.0f;

//將layer添加進(jìn)圖層
[showView.layeraddSublayer:layer];

//3s后執(zhí)行動(dòng)畫操作(直接賦值就能產(chǎn)生動(dòng)畫效果)
[selfperformSelector:@selector(changeStatus:)withObject:layer afterDelay:3.0];

//產(chǎn)生動(dòng)畫效果
- (void)changeStatus:(CAShapeLayer *)layer{

layer.speed =0.1;
layer.strokeStart =0.0;
layer.strokeEnd =1.0f;
layer.lineWidth =4.0f;

}

/*--------------------------------這是分割線------------------------------------------*/
/**********************使用CABasicAnimation(基本動(dòng)畫實(shí)現(xiàn)同樣的效果)*************************/

//給這個(gè)layer添加動(dòng)畫效果
CABasicAnimation *pathAnimation = [CABasicAnimationanimationWithKeyPath:@"strokeEnd"];
pathAnimation.duration =1.0;
pathAnimation.fromValue = [NSNumbernumberWithFloat:0.0f];
pathAnimation.toValue =[NSNumbernumberWithFloat:1.f];
//使視圖保留到最新狀態(tài)
pathAnimation.removedOnCompletion =NO;
pathAnimation.fillMode =kCAFillModeForwards;

[layeraddAnimation:pathAnimation forKey:nil];

關(guān)于cashaplayer的更多介紹:http://blog.csdn.net/mengtnt/article/details/7464187

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市组题,隨后出現(xiàn)的幾起案子葫男,更是在濱河造成了極大的恐慌,老刑警劉巖崔列,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件梢褐,死亡現(xiàn)場離奇詭異,居然都是意外死亡赵讯,警方通過查閱死者的電腦和手機(jī)盈咳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來边翼,“玉大人鱼响,你說我怎么就攤上這事∽榈祝” “怎么了丈积?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵筐骇,是天一觀的道長。 經(jīng)常有香客問我江滨,道長铛纬,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任唬滑,我火速辦了婚禮告唆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘间雀。我一直安慰自己悔详,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布惹挟。 她就那樣靜靜地躺著茄螃,像睡著了一般。 火紅的嫁衣襯著肌膚如雪连锯。 梳的紋絲不亂的頭發(fā)上归苍,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天,我揣著相機(jī)與錄音运怖,去河邊找鬼拼弃。 笑死,一個(gè)胖子當(dāng)著我的面吹牛摇展,可吹牛的內(nèi)容都是我干的吻氧。 我是一名探鬼主播,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼咏连,長吁一口氣:“原來是場噩夢啊……” “哼盯孙!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起祟滴,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤振惰,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后垄懂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體骑晶,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年草慧,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了桶蛔。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,569評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡漫谷,死狀恐怖羽圃,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情抖剿,我是刑警寧澤朽寞,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站斩郎,受9級特大地震影響脑融,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜缩宜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一肘迎、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧锻煌,春花似錦妓布、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至捂龄,卻和暖如春释涛,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背倦沧。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工唇撬, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人展融。 一個(gè)月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓窖认,卻偏偏與公主長得像,于是被迫代替她去往敵國和親告希。 傳聞我的和親對象是個(gè)殘疾皇子扑浸,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,446評論 2 348

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