CABasicAnimation CAAnimationGroup 對背景色做連續(xù)漸變動畫

//此動畫效果分三個階段 程實原創(chuàng)

//1阱扬、從白色變?yōu)榛疑?br> 程實原創(chuàng)
//2幽污、灰色變?yōu)殚偕僮優(yōu)榛疑就矗底魅?程實原創(chuàng)
//3痢甘、會后從灰色變?yōu)榘咨?br> 程實原創(chuàng)

define RGBCOLOR(r,g,b) [UIColor colorWithRed:(r)/255.0f green:(g)/255.0fblue:(b)/255.0f alpha:1]

//此時做背景色漸變一定用CGColor

//要使用的三個顏色

CGColorRef originColor = [UIColor whiteColor].CGColor;
CGColorRef darkGray = RGBCOLOR(207, 205, 205).CGColor;
CGColorRef orange = RGBCOLOR(240, 221, 185).CGColor;

CGFloat
duration = 0.75
;

//1、從白色變?yōu)榛疑?br> 程實原創(chuàng)
CABasicAnimation *anim1 = [CABasicAnimationanimationWithKeyPath:@"backgroundColor"];
anim1.duration = duration;
anim1.fromValue = (id)originColor;
anim1.toValue = (id)darkGray;
//填充效果:動畫結(jié)束后茉贡,動畫將保持最后的表現(xiàn)狀態(tài)

anim1.fillMode = kCAFillModeForwards;
anim1.removedOnCompletion = NO;
anim1.beginTime = 0.0f;

//下面介紹一下fillMode這個枚舉

kCAFillModeRemoved 動畫結(jié)束后塞栅,將會移除掉做的動畫效果
kCAFillModeForwards 動畫結(jié)束后,動畫將保持最后的表現(xiàn)狀態(tài)

kCAFillModeBackwards 與kCAFillModeForwards相對應(yīng)
kCAFillModeBoth 是kCAFillModeForwards和kCAFillModeBackwards的結(jié)合
kCAFillModeFrozen 4.0之后就不推薦使用了腔丧。

CABasicAnimation *anim = [CABasicAnimationanimationWithKeyPath:@"backgroundColor"];
anim.duration = duration;
anim.fromValue = (id)darkGray;
anim.toValue = (id)orange;
anim.repeatCount = 3;
anim.autoreverses = YES;

//此時anim.removedOnCompletion和anim.fillMode設(shè)不設(shè)置都行放椰。因為會被middleGroup的參數(shù)覆蓋

anim.removedOnCompletion = NO;
anim.fillMode = kCAFillModeBoth;
anim.beginTime = 0.0f;

CAAnimationGroup * middleGroup = [CAAnimationGroup animation];

//一次動畫用時duration作烟,往返乘以2,做三次砾医,用時*3拿撩,所以是6倍

middleGroup.duration = duration*6;
middleGroup.animations = @[anim];
middleGroup.removedOnCompletion = NO;

//此autoreverses設(shè)為yes則會坐動畫還原

middleGroup.autoreverses = YES;
middleGroup.fillMode = kCAFillModeForwards;

//設(shè)置此動畫的開始時間

middleGroup.beginTime = duration;

//變回原來顏色
CABasicAnimation *anim3 = [CABasicAnimationanimationWithKeyPath:@"backgroundColor"];
anim3.duration = duration;
anim3.fromValue = (id)darkGray;
anim3.toValue = (id)originColor;
anim3.removedOnCompletion = NO;
anim3.beginTime = duration * 7;
anim3.fillMode = kCAFillModeForwards;

CAAnimationGroup * theGroup = [CAAnimationGroup animation];
theGroup.duration = duration*8;
theGroup.animations = @[anim1,middleGroup,anim3];
theGroup.removedOnCompletion = NO;
theGroup.fillMode = kCAFillModeBoth;

[self.holderView.layer addAnimation:theGroup forKey:@"backgroundColor"];

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市如蚜,隨后出現(xiàn)的幾起案子绷雏,更是在濱河造成了極大的恐慌,老刑警劉巖怖亭,帶你破解...
    沈念sama閱讀 222,946評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件涎显,死亡現(xiàn)場離奇詭異,居然都是意外死亡兴猩,警方通過查閱死者的電腦和手機期吓,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,336評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來倾芝,“玉大人讨勤,你說我怎么就攤上這事〕苛恚” “怎么了潭千?”我有些...
    開封第一講書人閱讀 169,716評論 0 364
  • 文/不壞的土叔 我叫張陵,是天一觀的道長借尿。 經(jīng)常有香客問我刨晴,道長,這世上最難降的妖魔是什么路翻? 我笑而不...
    開封第一講書人閱讀 60,222評論 1 300
  • 正文 為了忘掉前任狈癞,我火速辦了婚禮,結(jié)果婚禮上茂契,老公的妹妹穿的比我還像新娘蝶桶。我一直安慰自己,他們只是感情好掉冶,可當我...
    茶點故事閱讀 69,223評論 6 398
  • 文/花漫 我一把揭開白布真竖。 她就那樣靜靜地躺著,像睡著了一般厌小。 火紅的嫁衣襯著肌膚如雪恢共。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,807評論 1 314
  • 那天召锈,我揣著相機與錄音旁振,去河邊找鬼获询。 笑死涨岁,一個胖子當著我的面吹牛拐袜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播梢薪,決...
    沈念sama閱讀 41,235評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼蹬铺,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了秉撇?” 一聲冷哼從身側(cè)響起甜攀,我...
    開封第一講書人閱讀 40,189評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎琐馆,沒想到半個月后规阀,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,712評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡瘦麸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,775評論 3 343
  • 正文 我和宋清朗相戀三年谁撼,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片滋饲。...
    茶點故事閱讀 40,926評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡厉碟,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出屠缭,到底是詐尸還是另有隱情箍鼓,我是刑警寧澤,帶...
    沈念sama閱讀 36,580評論 5 351
  • 正文 年R本政府宣布呵曹,位于F島的核電站款咖,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏奄喂。R本人自食惡果不足惜之剧,卻給世界環(huán)境...
    茶點故事閱讀 42,259評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望砍聊。 院中可真熱鬧背稼,春花似錦、人聲如沸玻蝌。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,750評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽俯树。三九已至帘腹,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間许饿,已是汗流浹背阳欲。 一陣腳步聲響...
    開封第一講書人閱讀 33,867評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人球化。 一個月前我還...
    沈念sama閱讀 49,368評論 3 379
  • 正文 我出身青樓秽晚,卻偏偏與公主長得像,于是被迫代替她去往敵國和親筒愚。 傳聞我的和親對象是個殘疾皇子赴蝇,可洞房花燭夜當晚...
    茶點故事閱讀 45,930評論 2 361

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