iOS 图形图像动画 Core Animation

//Core Animation

#define WeakSelf __weak __typeof(self) weakSelf = self
#define StrongSelf __strong __typeof(weakSelf) self = weakSelf


//添加
- (void)add:(id)sender {
    [UIView animateWithDuration:1 animations:^{
        [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.view cache:YES];
        [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
    }];
}
//翻页
- (void)curl:(id)sender {
    
    WeakSelf;
    [UIView animateWithDuration:1 animations:^{
        StrongSelf;
        [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:self.view cache:YES];
        [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
        [self.view exchangeSubviewAtIndex:3 withSubviewAtIndex:2];
    }];
}
//移入
- (void)move:(id)sender {
    CATransition *trans = [CATransition animation];
    trans.duration = 2.0f;
    trans.type = kCATransitionMoveIn;
    trans.subtype = kCATransitionFromLeft;
    [self.view.layer addAnimation:trans forKey:@"animation"];
    [self.view exchangeSubviewAtIndex:2 withSubviewAtIndex:3];
}
//揭开
- (void)reveal:(id)sender {
    CATransition *trans = [CATransition animation];
    trans.duration = 2.0f;
    trans.type = kCATransitionReveal;
    trans.subtype = kCATransitionFromTop;
    [self.view.layer addAnimation:trans forKey:@"animation"];
    [self.view exchangeSubviewAtIndex:2 withSubviewAtIndex:3];
}
//立方体
- (void)cube:(id)sender {
    CATransition *trans = [CATransition animation];
    trans.duration = 2.0f;
    trans.type = @"cube";
    trans.subtype = kCATransitionFromLeft;
    [self.view.layer addAnimation:trans forKey:@"animation"];
    [self.view exchangeSubviewAtIndex:2 withSubviewAtIndex:3];
}
//收缩
- (void)suck:(id)sender {
    CATransition *trans = [CATransition animation];
    trans.duration = 2.0f;
    trans.type = @"suckEffect";
    [self.view.layer addAnimation:trans forKey:@"animation"];
    [self.view exchangeSubviewAtIndex:2 withSubviewAtIndex:3];
}
//翻转
- (void)oglFlip:(id)sender {
    CATransition *trans = [CATransition animation];
    trans.duration = 2.0f;
    trans.type = @"oglFlip";
    trans.subtype = kCATransitionFromBottom;
    [self.view.layer addAnimation:trans forKey:@"animation"];
    [self.view exchangeSubviewAtIndex:2 withSubviewAtIndex:3];
}
//水波
- (void)ripple:(id)sender {
    CATransition *trans = [CATransition animation];
    trans.duration = 2.0f;
    trans.type = @"rippleEffect";
    [self.view.layer addAnimation:trans forKey:@"animation"];
    [self.view exchangeSubviewAtIndex:2 withSubviewAtIndex:3];
}

draw default shape

    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextSetLineWidth(ctx, 16);
    CGContextSetRGBStrokeColor(ctx, 0, 1, 0, 1);
    
    //straight line
    const CGPoint points1[] = {CGPointMake(10, 20),CGPointMake(100, 20),CGPointMake(100, 20),CGPointMake(20, 50)};
    CGContextStrokeLineSegments(ctx, points1, 4);
    
    CGContextSetLineCap(ctx, kCGLineCapSquare);
    const CGPoint points2[] = {CGPointMake(110, 20),CGPointMake(200, 20),CGPointMake(200, 20),CGPointMake(120, 50)};
    CGContextStrokeLineSegments(ctx, points2, 4);
    
    CGContextSetLineCap(ctx, kCGLineCapRound);
    const CGPoint points3[] = {CGPointMake(210, 20),CGPointMake(300, 20),CGPointMake(300, 20),CGPointMake(220, 50)};
    CGContextStrokeLineSegments(ctx, points3, 4);
    
    //dashed line
    CGContextSetLineCap(ctx, kCGLineCapButt);
    CGContextSetLineWidth(ctx, 10);
    CGFloat patterns1[] = {6,10};
    CGContextSetLineDash(ctx, 0, patterns1, 1);
    
    const CGPoint points4[] = {CGPointMake(40, 65),CGPointMake(280, 65)};
    CGContextStrokeLineSegments(ctx, points4, 2);
    
    CGContextSetLineDash(ctx, 3, patterns1, 1);
    const CGPoint points5[] = {CGPointMake(40, 85),CGPointMake(280, 85)};
    CGContextStrokeLineSegments(ctx, points5, 2);
    
    CGFloat patterns2[] = {5,1,4,1,3,1,2,1,1,1,1,2,1,3,1,4,1,5};
    CGContextSetLineDash(ctx, 0, patterns2, 18);
    const CGPoint points6[] = {CGPointMake( 40, 105),CGPointMake(280, 105)};
    CGContextStrokeLineSegments(ctx, points6, 2);
    
    //rectangle
    CGContextSetStrokeColorWithColor(ctx, [UIColor blueColor].CGColor);
    CGContextSetFillColorWithColor(ctx, [UIColor blueColor].CGColor);
    CGContextSetLineWidth(ctx, 14);
    CGContextSetLineDash(ctx, 0, 0, 0);//cancel dashed style
    CGContextStrokeRect(ctx, CGRectMake(30, 230, 120, 60));
    
    CGContextSetStrokeColorWithColor(ctx, [UIColor purpleColor].CGColor);
    CGContextSetLineJoin(ctx, kCGLineJoinRound);//round corner
    CGContextStrokeRect(ctx, CGRectMake(80, 260, 120, 60));
    
    CGContextSetRGBStrokeColor(ctx, 1.0, 0, 1.0, 1);
    CGContextSetLineJoin(ctx, kCGLineJoinBevel);//cliped corner
    CGContextStrokeRect(ctx, CGRectMake(130, 290,120, 60));
    
    CGContextSetFillColorWithColor(ctx, [UIColor redColor].CGColor);//filled rectangle
    CGContextFillRect(ctx, CGRectMake(30,120, 120, 60));
    
    //oval
    CGContextSetRGBStrokeColor(ctx, 0, 1, 1, 1);
    CGContextStrokeEllipseInRect(ctx, CGRectMake(30, 380, 120, 60));//Stroke oval
    
    CGContextSetRGBFillColor(ctx, 1, 0, 1, 1);
    CGContextFillEllipseInRect(ctx, CGRectMake(180, 380, 120, 60));//Filled oval

draw custom shape

CGContextRef ctx = UIGraphicsGetCurrentContext();//get context
    for (int i = 0; i < 10; i++) {
        CGContextBeginPath(ctx);
        CGContextAddArc(ctx, i * 35, i * 35, (i + 1) * 6, 0 , 1.5 * M_PI, 0);//actually 0 means clockwise
        CGContextClosePath(ctx);
        CGContextSetRGBFillColor(ctx, 1, 0, 1, (10 - i) * 0.1);
        CGContextFillPath(ctx);
    }

draw round rect

    CGContextRef ctx = UIGraphicsGetCurrentContext();//get context
    
    CGContextBeginPath(ctx);
    
    CGFloat x,y,radius,width,height;
    x = 50; y = 50; radius = 10; width = 90; height = 40;
    CGContextMoveToPoint(ctx, x + radius, y);//move to left top corner
    CGContextAddLineToPoint(ctx, x + width - radius, y);//add top line to right top corner
    CGContextAddArcToPoint(ctx, x + width, y, x + width, y + radius, radius);//add right top corner
    CGContextAddLineToPoint(ctx, x + width, y + height - radius);//add right line to right bottom corner
    CGContextAddArcToPoint(ctx, x + width, y + height, x + width - radius, y + height, radius);//add right bottom corner
    CGContextAddLineToPoint(ctx, x + radius, y + height);//add bottom line to left bottom corner
    CGContextAddArcToPoint(ctx, x, y + height, x, y + height - radius, radius);//add left bottom corner
    CGContextAddLineToPoint(ctx, x, y + radius);//add left line to left top corner
    CGContextAddArcToPoint(ctx, x, y, x + radius, y, radius);//add left top corner
    
    CGContextClosePath(ctx);
    CGContextSetRGBFillColor(ctx, 1, 0, 1, 0.6);
    CGContextFillPath(ctx);

draw nCorner star

CGContextRef ctx = UIGraphicsGetCurrentContext();//get context
    
    CGContextBeginPath(ctx);
    
    CGFloat x,y,size;
    NSInteger nCorner = 5;//n corner
    x = 150; y = 350; size = 50;
    CGFloat dig = 4 * M_PI / nCorner;CGContextMoveToPoint(ctx, x, y + size);
    for (int i = 1; i <= nCorner; i++) {
        CGFloat _x = sin(i * dig);
        CGFloat _y = cos(i * dig);
        CGContextAddLineToPoint(ctx, _x * size + x, _y * size + y);
    }
    
    CGContextClosePath(ctx);
    CGContextSetRGBFillColor(ctx, 1, 0, 1, 0.6);
    CGContextFillPath(ctx);

draw flower

CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    CGContextBeginPath(ctx);
    
    CGFloat x,y,size,length;
    NSInteger nCorner = 6;//n corner
    x = 150; y = 350; size = 30; length = 120;//length should be bigger
    CGContextMoveToPoint(ctx, x, y + size);
    CGFloat dig = 2 * M_PI / nCorner;
    for (int i = 1; i < nCorner + 1; i++) {
        //count control point
        CGFloat ctrlX = sin((i - 0.5) * dig) * length + x;
        CGFloat ctrlY = cos((i - 0.5) * dig) * length + y;
        
        //count end point
        CGFloat _x = sin(i * dig) * size + x;
        CGFloat _y = cos(i * dig) * size + y;
        //draw line
        CGContextAddQuadCurveToPoint(ctx, ctrlX, ctrlY, _x, _y);
    }
    CGContextClosePath(ctx);
    CGContextSetRGBFillColor(ctx, 1, 0, 1, 0.6);
    CGContextFillPath(ctx);

use coordinate

CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    CGContextTranslateCTM(ctx, 10, 200);//move the coordinate
    for (int i = 0; i < 50; i++) {
        CGContextSetRGBFillColor(ctx, 1, 0, 1, 0.3 - i * 0.01);
        CGContextFillRect(ctx, CGRectMake(0, 0, 150, 75));
        CGContextTranslateCTM(ctx, 50, 50);
        CGContextScaleCTM(ctx, 0.93, 0.93);
        CGContextRotateCTM(ctx, - M_PI / 10);
        
    }