ios 動畫學習（-）UIView 內建動畫

標籤：++   主要畫面格   mod   let   ping   hdu   set   ubi   context   

ios 開發中，一些常用的簡單的動畫可以用 uivew 內建的動畫來是實現

今天就學習下 UIVIew 一些常用的動畫

1.

 // 翻轉的動畫    [UIView beginAnimations:@"doflip" context:nil];    //設定時常    [UIView setAnimationDuration:1];    //設定動畫淡入淡出    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];    //設定代理    [UIView setAnimationDelegate:self];    //設定翻轉方向    [UIView setAnimationTransition:     UIViewAnimationTransitionFlipFromLeft  forView:self.redView cache:YES];    //動畫結束    [UIView commitAnimations];

　　效果：

2. 位移動畫

 [UIView beginAnimations:@"move" context:nil];    [UIView setAnimationDuration:2];    [UIView setAnimationDelegate:self];    //改變它的frame的x,y的值    self.redView.frame=CGRectMake(100,100, 120,100);    [UIView commitAnimations];

效果：

另一種寫法：

 [UIView animateWithDuration:0.5 delay:0.1 usingSpringWithDamping:0.5 initialSpringVelocity:5.0 options:UIViewAnimationOptionCurveEaseInOut animations:^{        CGPoint point = _redView.center;        point.y += 150;        [_redView setCenter:point];    } completion:^(BOOL finished) {            }];

　　效果：

3.主要畫面格動畫

 void (^keyFrameBlock)() = ^(){        // 建立顏色數組        NSArray *arrayColors = @[[UIColor orangeColor],                                 [UIColor yellowColor],                                 [UIColor greenColor],                                 [UIColor blueColor],                                 [UIColor purpleColor],                                 [UIColor redColor]];        NSUInteger colorCount = [arrayColors count];        // 迴圈添加主要畫面格        for (NSUInteger i = 0; i < colorCount; i++) {            [UIView addKeyframeWithRelativeStartTime:i / (CGFloat)colorCount                                    relativeDuration:1 / (CGFloat)colorCount                                          animations:^{                                              [_redView setBackgroundColor:arrayColors[i]];                                          }];        }    };    [UIView animateKeyframesWithDuration:5.0                                   delay:0.0                                 options:UIViewKeyframeAnimationOptionCalculationModeCubic | UIViewAnimationOptionCurveLinear                              animations:keyFrameBlock                              completion:^(BOOL finished) {                                  // 動畫完成後執行                                  // code...                              }];

　　效果：

ios 動畫學習（-）UIView 內建動畫