iOS 開發(fā)-CAAnimation動(dòng)畫總結(jié)(CAAnimationGroup:動(dòng)畫組、 CABasicAnimation:基本動(dòng)畫运准、 CAKeyframeAnimation:幀動(dòng)畫幌氮、 CATransition:轉(zhuǎn)場動(dòng)畫)

使用最經(jīng)典的一張圖來介紹一下動(dòng)畫抽象類CAAnimation.同NSOperation一樣,都是抽象類胁澳,并不具備封裝操作的能力该互,必須使用其子類。

CAAnimation.png

CAAnimationGroup:動(dòng)畫組韭畸,多個(gè)動(dòng)畫同時(shí)執(zhí)行宇智。
CABasicAnimation:基本動(dòng)畫,可以做到平移胰丁、縮放随橘、旋轉(zhuǎn)
CAKeyframeAnimation:幀動(dòng)畫,動(dòng)畫可以分成幾個(gè)過程執(zhí)行
CATransition:轉(zhuǎn)場動(dòng)畫锦庸,可以實(shí)現(xiàn)兩個(gè)界面或控件的推出机蔗、翻頁等效果。

CABasicAnimation:基本動(dòng)畫

// 正方形按鈕控件
@property (weak, nonatomic) IBOutlet UIButton *basicBtn;

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
//    CABasicAnimation是CAPropertyAnimation的子類, CAPropertyAnimation有一個(gè)字符串類型的keyPath屬性
//    keyPath內(nèi)容是CALayer的可動(dòng)畫Animatable屬性,我們可以指定CALayer的某個(gè)屬性名為keyPath甘萧,并且對CALayer的這個(gè)屬性的值進(jìn)行修改萝嘁,達(dá)到相應(yīng)的動(dòng)畫效果。
//    例如:指定keyPath = @"position"扬卷,就會修改CALayer的position屬性的值牙言,- > 可以實(shí)現(xiàn)平移的動(dòng)畫效果
//    如果fillMode=kCAFillModeForwards同時(shí)removedOnComletion=NO,那么在動(dòng)畫執(zhí)行完畢后怪得,圖層會保持顯示動(dòng)畫執(zhí)行后的狀態(tài)咱枉。但在實(shí)質(zhì)上,圖層的屬性值還是動(dòng)畫執(zhí)行前的初始值徒恋,并沒有真正被改變蚕断。
//    http://www.reibang.com/p/3c0ed03a5816
    
//    [self basicAnimationWithbounds];
    
    [self basicAnimationWithRotation];
    
//  平移可使用  keyPath = @"position";
}

- (void)basicAnimationWithbounds
{
    CABasicAnimation *basic = [CABasicAnimation animationWithKeyPath:@"bounds"];
    basic.duration = 2.0;
    //    basic.fromValue = [NSValue valueWithCGRect:CGRectMake(0, 0, 100, 100)];
    basic.toValue = [NSValue valueWithCGRect:CGRectMake(0, 0, ScreenW, ScreenW)];
    //    basic.fillMode = kCAFillModeForwards;
    //    basic.removedOnCompletion = NO;
    basic.repeatCount = MAXFLOAT;
    
    [self.basicBtn.layer addAnimation:basic forKey:nil];
}


- (void)basicAnimationWithRotation
{
//    [self.basicBtn.layer removeAllAnimations];
    
    CABasicAnimation *basic = [CABasicAnimation animationWithKeyPath:@"transform"];
    basic.duration = 4.0;

    basic.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI * 0.5, 0, 0, 1)];
    basic.fillMode = kCAFillModeForwards;
    basic.removedOnCompletion = NO;
//    basic.repeatCount = MAXFLOAT;
    
    [self.basicBtn.layer addAnimation:basic forKey:nil];
}

CAAnimationGroup:動(dòng)畫組

@property (weak, nonatomic) IBOutlet UIButton *groupBtn;

- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
    
    [self caanimationGroup];
}

- (void)caanimationGroup
{
    CAAnimationGroup *groupAnimation = [CAAnimationGroup animation];
                                        
    CABasicAnimation *basic1 = [CABasicAnimation animationWithKeyPath:@"bounds"];
//    basic1.duration = 2.0;
    //    basic.fromValue = [NSValue valueWithCGRect:CGRectMake(0, 0, 100, 100)];
    basic1.toValue = [NSValue valueWithCGRect:CGRectMake(0, 0, ScreenW, ScreenW)];
    //    basic.fillMode = kCAFillModeForwards;
    //    basic.removedOnCompletion = NO;
    basic1.repeatCount = MAXFLOAT;
    
    CABasicAnimation *basic2 = [CABasicAnimation animationWithKeyPath:@"transform"];
//    basic2.duration = 3.0;
    
    basic2.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI * 0.5, 0, 0, 1)];
//    basic2.fillMode = kCAFillModeForwards;
//    basic2.removedOnCompletion = NO;
    //    basic.repeatCount = MAXFLOAT;
    
    
    CABasicAnimation *basic3 = [CABasicAnimation animation];
    basic3.keyPath = @"position";
    CGPoint center = self.groupBtn.center;
    center.y += 300;
    basic3.toValue = [NSValue valueWithCGPoint:center];
    
    groupAnimation.animations = @[basic1,basic2];
    groupAnimation.duration = 0.5;
//    groupAnimation.removedOnCompletion = NO;
//    groupAnimation.fillMode = kCAFillModeForwards;
    groupAnimation.repeatCount = MAXFLOAT;
    
    [self.groupBtn.layer addAnimation:groupAnimation forKey:nil];
    
}

CATransition:轉(zhuǎn)場動(dòng)畫

// 在觸摸事件或其他事件的方法中實(shí)現(xiàn),在展示圖片是入挣,為imageview控件添加轉(zhuǎn)場動(dòng)畫基括,開發(fā)中在歡迎界面推向主界面時(shí),我們一般使用的是轉(zhuǎn)場動(dòng)畫
self.centerImage.image = [UIImage imageNamed:[NSString stringWithFormat:@"meinv%d.jpg",self.imageIndex]];
    
    CATransition *trans = [CATransition animation];
    trans.type = @"pageCurl";
    trans.subtype = kCATransitionFromRight;
    trans.duration = 1.0;
    [self.centerImage.layer addAnimation:trans forKey:nil];

CAKeyframeAnimation:幀動(dòng)畫

@property (weak, nonatomic) IBOutlet UIButton *keyFrameBtn;

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    [self keyframeAnimation];
}

- (void)keyframeAnimation
{
    CAKeyframeAnimation *keyframeAnimation = [CAKeyframeAnimation animation];
    keyframeAnimation.keyPath = @"transform";
    keyframeAnimation.duration = 1.0;
    NSValue *value1 = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI * 0.5, 0, 0, 1)];
    NSValue *value2 = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI * 1, 0, 0, 1)];
    NSValue *value3 = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI * 1.5, 0, 0, 1)];
    NSValue *value4 = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI * 2, 0, 0, 1)];
    
    keyframeAnimation.values = @[value1,value2,value3,value4];
    keyframeAnimation.fillMode = kCAFillModeForwards;
    
    //    如果fillMode=kCAFillModeForwards同時(shí)removedOnComletion=NO财岔,那么在動(dòng)畫執(zhí)行完畢后风皿,圖層會保持顯示動(dòng)畫執(zhí)行后的狀態(tài)河爹。但在實(shí)質(zhì)上,圖層的屬性值還是動(dòng)畫執(zhí)行前的初始值桐款,并沒有真正被改變咸这。
    keyframeAnimation.removedOnCompletion = NO;
    keyframeAnimation.repeatCount = MAXFLOAT;
    
    [self.keyFrameBtn.layer addAnimation:keyframeAnimation forKey:nil];
    
}

demo分享鏈接
參考文章

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市魔眨,隨后出現(xiàn)的幾起案子媳维,更是在濱河造成了極大的恐慌,老刑警劉巖遏暴,帶你破解...
    沈念sama閱讀 221,820評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件侄刽,死亡現(xiàn)場離奇詭異,居然都是意外死亡朋凉,警方通過查閱死者的電腦和手機(jī)州丹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來杂彭,“玉大人墓毒,你說我怎么就攤上這事∏椎。” “怎么了所计?”我有些...
    開封第一講書人閱讀 168,324評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長团秽。 經(jīng)常有香客問我主胧,道長,這世上最難降的妖魔是什么习勤? 我笑而不...
    開封第一講書人閱讀 59,714評論 1 297
  • 正文 為了忘掉前任讥裤,我火速辦了婚禮,結(jié)果婚禮上姻报,老公的妹妹穿的比我還像新娘。我一直安慰自己间螟,他們只是感情好吴旋,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,724評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著厢破,像睡著了一般荣瑟。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上摩泪,一...
    開封第一講書人閱讀 52,328評論 1 310
  • 那天笆焰,我揣著相機(jī)與錄音,去河邊找鬼见坑。 笑死嚷掠,一個(gè)胖子當(dāng)著我的面吹牛捏检,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播不皆,決...
    沈念sama閱讀 40,897評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼贯城,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了霹娄?” 一聲冷哼從身側(cè)響起能犯,我...
    開封第一講書人閱讀 39,804評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎犬耻,沒想到半個(gè)月后踩晶,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,345評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡枕磁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,431評論 3 340
  • 正文 我和宋清朗相戀三年渡蜻,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片透典。...
    茶點(diǎn)故事閱讀 40,561評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡晴楔,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出峭咒,到底是詐尸還是另有隱情税弃,我是刑警寧澤,帶...
    沈念sama閱讀 36,238評論 5 350
  • 正文 年R本政府宣布凑队,位于F島的核電站则果,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏漩氨。R本人自食惡果不足惜西壮,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,928評論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望叫惊。 院中可真熱鬧款青,春花似錦、人聲如沸霍狰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蔗坯。三九已至康震,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間宾濒,已是汗流浹背腿短。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人橘忱。 一個(gè)月前我還...
    沈念sama閱讀 48,983評論 3 376
  • 正文 我出身青樓赴魁,卻偏偏與公主長得像,于是被迫代替她去往敵國和親鹦付。 傳聞我的和親對象是個(gè)殘疾皇子尚粘,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,573評論 2 359

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