UIImageOC-开发案例收集iOS

iOS-上下浮动动画

2018-03-19  本文已影响245人  fly大梦想家

圆图上下浮动动画:


圆球上下浮动.gif

方法1:

- (void)createAnimaition{
self.animationView = [[UIView alloc] initWithFrame:CGRectMake(SIZE.width/2.0 - 30, 200, 60, 60)];
    self.animationView.layer.cornerRadius =30;
    self.animationView.layer.borderWidth = 2;
    self.animationView.layer.borderColor = [UIColor redColor].CGColor;
    self.animationView.backgroundColor = [UIColor yellowColor];
    [self.view addSubview:self.animationView];
   [self up];
}
- (void)up{

    [UIView animateWithDuration:2 animations:^{
         self.animationView.frame = CGRectMake(SIZE.width/2.0 - 30, self.animationView.frame.origin.y + 10, 60, 60);
    }];
    [UIView animateWithDuration:2 delay:2 options:UIViewAnimationOptionCurveEaseInOut animations:^{
        self.animationView.frame = CGRectMake(SIZE.width/2.0 - 30, self.animationView.frame.origin.y - 10, 60, 60);
    } completion:^(BOOL finished) {
        [self up];
    }];
}

方法2:

- (void)createAnimaition{
    self.animationView = [[UIView alloc] initWithFrame:CGRectMake(SIZE.width/2.0 - 30, 200, 60, 60)];
    self.animationView.layer.cornerRadius =30;
    self.animationView.layer.borderWidth = 2;
    self.animationView.layer.borderColor = [UIColor redColor].CGColor;
    self.animationView.backgroundColor = [UIColor yellowColor];
    [self.view addSubview:self.animationView];

    CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"transform.translation.y"];
    CGFloat duration = 1.f;
    CGFloat height = 7.f;
    CGFloat currentY = self.animationView.transform.ty;
    animation.duration = duration;
    animation.values = @[@(currentY),@(currentY - height/4),@(currentY - height/4*2),@(currentY - height/4*3),@(currentY - height),@(currentY - height/ 4*3),@(currentY - height/4*2),@(currentY - height/4),@(currentY)];
    animation.keyTimes = @[ @(0), @(0.025), @(0.085), @(0.2), @(0.5), @(0.8), @(0.915), @(0.975), @(1) ];
    animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    animation.repeatCount = HUGE_VALF;
    [self.animationView.layer addAnimation:animation forKey:@"kViewShakerAnimationKey"];
}
上一篇下一篇

猜你喜欢

热点阅读