iOS-上下浮动动画

作者: fly大梦想家 | 来源:发表于2018-03-19 15:26 被阅读245次

圆图上下浮动动画:


圆球上下浮动.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"];
}

相关文章

  • iOS-上下浮动动画

    圆图上下浮动动画: 方法1: 方法2:

  • 随手记

    核心动画翻译https://zsisme.gitbooks.io/ios-/content/chapter14/l...

  • 随手记

    核心动画翻译https://zsisme.gitbooks.io/ios-/content/chapter14/l...

  • 2019-07-15

    iOS高级核心动画技巧 浏览地址:https://zsisme.gitbooks.io/ios-/content/...

  • 感觉有用的文章留存

    0.ios核心动画高级技巧https://zsisme.gitbooks.io/ios-/content/inde...

  • iOS-动画

    前言 在我们开发App中,会经常使用到动画去实现一些提示或者更友好的表达一些需要表达的事情,使用动画可以让我们的A...

  • ios-动画

    1.Core Animation是一个复合引擎,它的职责就是尽可能快地组合屏幕上不同的可视内容,这个内容是被分解成...

  • iOS-动画

    iOS中实现动画效果的方法有很多,主要分为两类:uikit和core animation。今天先看uikit相关动...

  • iOS-动画

    学习动画之前,要先知道CALayer的一些属性 CALayer的基本属性 尺寸(bounds) 背影颜色(back...

  • 6C·浮动·垂直对齐方式·自动表格布局·字体·文本格式·文本换行

    浮动 float:浮动的意思 浮喽特 浮动元素的外边缘不会超过其父元素的内边缘浮动元素不会相互重叠浮动元素不会上下...

网友评论

    本文标题:iOS-上下浮动动画

    本文链接:https://www.haomeiwen.com/subject/jxoaxftx.html