第四章 关键帧动画

- (CAAnimation*)pathAnimation;
{
  CGMutablePathRef path = CGPathCreateMutable();
  CGPathMoveToPoint(path,NULL,50.0,120.0);
  CGPathAddCurveToPoint(path,NULL,50.0,275.0,150.0,275.0,150.0,120.0);
  CGPathAddCurveToPoint(path,NULL,150.0,275.0,250.0,275.0,250.0,120.0);
  CGPathAddCurveToPoint(path,NULL,250.0,275.0,350.0,275.0,350.0,120.0);
  CGPathAddCurveToPoint(path,NULL,350.0,275.0,450.0,275.0,450.0,120.0);

  CAKeyframeAnimation *
  animation = [CAKeyframeAnimation
  animationWithKeyPath:@”position”];
  [animation setPath:path];
  [animation setDuration:3.0];
  [animation setAutoreverses:YES];
  CFRelease(path);
  return animation;
}

- (CAAnimation*)valuesAnimation;
{
  NSPoint pt0 = NSMakePoint(50.0, 120.0);
  NSPoint pt1 = NSMakePoint(50.0, 275.0);
  NSPoint pt2 = NSMakePoint(150.0, 275.0);
  NSPoint pt3 = NSMakePoint(150.0, 120.0);
  NSPoint pt4 = NSMakePoint(150.0, 275.0);
  NSPoint pt5 = NSMakePoint(250.0, 275.0);
  NSPoint pt6 = NSMakePoint(250.0, 120.0);
  NSPoint pt7 = NSMakePoint(250.0, 275.0);
  NSPoint pt8 = NSMakePoint(350.0, 275.0);
  NSPoint pt9 = NSMakePoint(350.0, 120.0);
  NSPoint pt10 = NSMakePoint(350.0, 275.0);
  NSPoint pt11 = NSMakePoint(450.0, 275.0);
  NSPoint pt12 = NSMakePoint(450.0, 120.0);

  NSArray *values = [NSArrayarrayWithObjects:
  [NSValue valueWithPoint:pt0],
  [NSValue valueWithPoint:pt1],
  [NSValue valueWithPoint:pt2],
  [NSValue valueWithPoint:pt3],
  [NSValue valueWithPoint:pt4],
  [NSValue valueWithPoint:pt5],
  [NSValue valueWithPoint:pt6],
  [NSValue valueWithPoint:pt7],
  [NSValue valueWithPoint:pt8],
  [NSValue valueWithPoint:pt9],
  [NSValue valueWithPoint:pt10],
  [NSValue valueWithPoint:pt11],
  [NSValue valueWithPoint:pt12],
  nil];

  CAKeyframeAnimation
  *animation = [CAKeyframeAnimation
  animationWithKeyPath:@”position”];
  [animation setValues:values];
  [animation setDuration:3.0];
  [animation setAutoreverses:YES];
  return animation;
}

[animation setCalculationMode:kCAAnimationLinear];
[animation setKeyTimes:
[NSArray arrayWithObjects:
[NSNumbernumberWithFloat:0.0],
[NSNumbernumberWithFloat:0.25],
 [NSNumber numberWithFloat:0.50],
[NSNumbernumberWithFloat:0.75],
[NSNumbernumberWithFloat:1.0], nil]];

-(IBAction)startAnimation:(id)sender{

    if( starPath ) {
        // Reset our starPathCGMutablePathRef if // it has already run before CFRelease(starPath);

        [self createPath];

        [[[window contentView] layer]setNeedsDisplay]; 
    }
    // Define a path for the starshape.
    CGMutablePathRef path =CGPathCreateMutable(); 

    CGPathMoveToPoint(path,NULL,240.0, 280.0);

    CGPathAddLineToPoint(path,NULL, 181.0, 99.0); 

    CGPathAddLineToPoint(path, NULL, 335.0, 210.0);
    CGPathAddLineToPoint(path, NULL, 144.0, 210.0); 
    CGPathAddLineToPoint(path,NULL, 298.0, 99.0); 
    CGPathCloseSubpath(path);

    CAKeyframeAnimation*animation = [CAKeyframeAnimation
    animationWithKeyPath:@”position”];
    [animation setDuration:10.0f]; 
    [animation setDelegate:self];

    // Set the animation’s path
    [animation setPath:path]; //Release the path CFRelease(path);
    [dotLayeraddAnimation:animation forKey:@”position”];
    [NSTimerscheduledTimerWithTimeInterval:2.0 target:self
    selector:@selector(legOne:)userInfo:nil
    repeats:NO];

    [NSTimer scheduledTimerWithTimeInterval:4.0
    target:selfselector:@selector(legTwo:) userInfo:nil
    repeats:NO];

    [NSTimerscheduledTimerWithTimeInterval:6.0 target:self
    selector:@selector(legThree:)userInfo:nil
    repeats:NO];

    [NSTimerscheduledTimerWithTimeInterval:8.0 target:self
    selector:@selector(legFour:)userInfo:nil
    repeats:NO];

    [NSTimerscheduledTimerWithTimeInterval:10.0 target:self
    selector:@selector(legFive:)userInfo:nil
    repeats:NO];

    // Tell the root layer tocall drawLayer
    [[[window contentView] layer]setNeedsDisplay]; 

}

- (void)legOne:(id)sender {
    CGPathAddLineToPoint(starPath,NULL, 181.0, 99.0);
    [[[window contentView] layer]setNeedsDisplay];
}

- (void)legTwo:(id)sender {
    CGPathAddLineToPoint(starPath,NULL, 335.0, 210.0);
    [[[window contentView] layer]setNeedsDisplay]; 
}

- (void)legThree:(id)sender {
    CGPathAddLineToPoint(starPath,NULL, 144.0, 210.0);
    [[[window contentView] layer]setNeedsDisplay]; 
}

- (void)legFour:(id)sender {
    CGPathAddLineToPoint(starPath,NULL, 298.0, 99.0);
    [[[window contentView] layer]setNeedsDisplay]; 
}

- (void)legFive:(id)sender {
    CGPathCloseSubpath(starPath);
    [[[window contentView] layer]setNeedsDisplay]; 
}

- (void)drawLayer:(CALayer*)layer inContext:(CGContextRef)context {

if( layer == [[windowcontentView] layer] ) {
    CGColorRef white =
    CGColorCreateGenericRGB(1.0,1.0, 1.0, 1.0); CGContextSetStrokeColorWithColor(context, white);CFRelease(white);
    CGContextBeginPath(context);CGContextAddPath(context, starPath);
    CGContextSetLineWidth(context,3.0); CGContextStrokePath(context);
  } 
}

-(CAAnimation*)shakeAnimation; {
  CAKeyframeAnimation *animation; animation = [CAKeyframeAnimation
  animationWithKeyPath:@”transform.rotation.z”];[animation setDuration:0.5];
  [animationsetRepeatCount:10000];

  // Try to get the animationto begin to start with a small offset // that makes it shake out of sync withother layers. srand([[NSDate date] timeIntervalSince1970]);
  float rand = (float)random();

  [animation setBeginTime:CACurrentMediaTime() + rand * .0000000001];
  NSMutableArray *values =[NSMutableArray array]; // Turn right
  [valuesaddObject:DegreesToNumber(-2)]; // Turn left
  [valuesaddObject:DegreesToNumber(2)]; // Turn right
  [valuesaddObject:DegreesToNumber(-2)]; // Set the values for the animation
  [animation setValues:values];return animation;
}

NSNumber*DegreesToNumber(CGFloat degrees) {
  return [NSNumbernumberWithFloat: DegreesToRadians(degrees)];
}

CGFloatDegreesToRadians(CGFloat degrees) {
  return degrees * M_PI / 180;
}

-(CALayer*)closeBoxLayer{
    CGColorRef white =CGColorCreateGenericRGB(1.0, 1.0, 1.0, 1.0); 

    CGColorRef black =CGColorCreateGenericRGB(0.0, 0.0, 0.0, 1.0);

    CALayer *layer = [CALayerlayer]; 

    [layer setFrame:CGRectMake(0.0,
    kCompositeIconHeight - 30.0,30.0, 30.0)];

    [layersetBackgroundColor:black]; 

    [layer setShadowColor:black]; 

    [layersetShadowOpacity:1.0]; 

    [layer setShadowRadius:5.0]; 

    [layer setBorderColor:white];[layer setBorderWidth:3];
    [layer setCornerRadius:15];
    [layer setDelegate:self]; // Release the color refs
    CFRelease(white);

    CFRelease(black);
    return layer; 
}
             LISTING 4-9 关键帧动画关闭盒子

- (void)toggleShake; {
    if( [self isRunning] ) {
      [self stopShake]; 
    }
    else {
      [self startShake];
    } 
}
(BOOL)isRunning;{
  return ([selfanimationForKey:@”rotate”] != nil);
}

- (void)startShake; {
    [selfaddSublayer:closeLayer];
    // Tell the closeLayer todraw its contents which is
    // an ‘X’ to indicate a closebox.
    [closeLayer setNeedsDisplay];
    [self addAnimation:[selfshakeAnimation] forKey:@”rotate”];
}

- (void)stopShake; {
    [closeLayerremoveFromSuperlayer];
    [selfremoveAnimationForKey:@”rotate”]; 
}

- (void)drawLayer:(CALayer*)layer inContext:(CGContextRef)context {

    // Make sure the call isapplied to the close // box layer
    if( layer == closeLayer ){
      // Create the path ref
      CGMutablePathRef path =CGPathCreateMutable();
      
      // Set the first point andadd a line
      CGPathMoveToPoint(path,NULL,10.0f,10.f);
      CGPathAddLineToPoint(path, NULL, 20.0, 20.0);

      // Set the second point andadd a line
      CGPathMoveToPoint(path,NULL,10.0f,20.f);
      CGPathAddLineToPoint(path, NULL, 20.0, 10.0);

      // Set the stroke color towhite
      CGColorRef white =
      CGColorCreateGenericRGB(1.0,1.0, 1.0, 1.0);
      CGContextSetStrokeColorWithColor(context,white); 
      CGColorRelease(white);

      // Start drawing the path
      CGContextBeginPath(context);
      CGContextAddPath(context, path);

      // Set the line width to 3pixels
      CGContextSetLineWidth(context,3.0); // Draw the path
      CGContextStrokePath(context);

      // Release the path
      CGPathRelease(path); 
    }
}

- (void)toggleShake {
    if( [self isRunning] ) {
      [self stopShake]; 
    }
    else {
      [self startShake];
    } 
}

- (BOOL)isRunning{
    return ([selfanimationForKey:@”rotate”] != nil);
}

- (void)startShake {
    [self addSublayer:closeLayer];

    // Tell the closeLayer todraw its contents which is
    // an ‘X’ to indicate a closebox.
    [closeLayer setNeedsDisplay];
    [self addAnimation:[selfshakeAnimation] forKey:@”rotate”];
}

- (void)stopShake {
    [closeLayerremoveFromSuperlayer];
    [selfremoveAnimationForKey:@”rotate”]; 
}