如何递归执行view的动画

简介:

如何递归执行view的动画

效果:

 

山寨的源头:

图片素材:

源码:

//
//  ViewController.m
//  RepeatAnimationView
//
//  Created by YouXianMing on 15/1/30.
//  Copyright (c) 2015年 YouXianMing. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()

@property (nonatomic, strong) UIImageView *imageView;

@property (nonatomic) CGRect   startRect;
@property (nonatomic) CGRect   centerRect;
@property (nonatomic) CGRect   endRect;

@property (nonatomic) CGFloat  distanceFromStartToCenter;
@property (nonatomic) CGFloat  distanceFromCenterToEnd;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.distanceFromStartToCenter = 40.f;
    self.distanceFromCenterToEnd   = 30.f;
    
    // 背景色
    self.view.backgroundColor = [UIColor blackColor];

    // 红色图片
    self.imageView        = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"red"]];
    self.imageView.center = self.view.center;
    self.imageView.alpha  = 0;
    [self.view addSubview:self.imageView];
    
    
    // 设置rect
    self.startRect    = self.imageView.frame;
    
    CGRect tmpRect    = self.startRect;
    tmpRect.origin.y -= self.distanceFromStartToCenter;
    self.centerRect   = tmpRect;
    
    tmpRect           = self.centerRect;
    tmpRect.origin.y -= self.distanceFromCenterToEnd;
    self.endRect      = tmpRect;
    
    // 递归调用
    [self doAnimation];
}

- (void)doAnimation {
    [UIView animateWithDuration:1.f
                          delay:0.2f
                        options:UIViewAnimationOptionCurveEaseInOut
                     animations:^{
                         
                         self.imageView.alpha = 1.f;
                         self.imageView.frame = self.centerRect;
                         
                     } completion:^(BOOL finished) {
                         
                         [UIView animateWithDuration:0.5f
                                               delay:0.1f
                                             options:UIViewAnimationOptionCurveEaseInOut
                                          animations:^{
                                              
                                              self.imageView.alpha = 0.f;
                                              self.imageView.frame = self.endRect;
                                              
                                          } completion:^(BOOL finished) {
                                              
                                              self.imageView.frame = self.startRect;
                                              [self doAnimation];
                                          }];
                     }];
}

@end


//
//  ViewController.m
//  RepeatAnimationView
//
//  Created by YouXianMing on 15/1/30.
//  Copyright (c) 2015年 YouXianMing. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()

@property (nonatomic, strong) UIImageView *imageView;
@property (nonatomic, strong) UIImageView *cyanView;

@property (nonatomic) CGRect   startRect;
@property (nonatomic) CGRect   centerRect;
@property (nonatomic) CGRect   endRect;

@property (nonatomic) CGFloat  distanceFromStartToCenter;
@property (nonatomic) CGFloat  distanceFromCenterToEnd;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.distanceFromStartToCenter = 40.f;
    self.distanceFromCenterToEnd   = 30.f;
    
    // 背景色
    self.view.backgroundColor = [UIColor blackColor];

    // 红色图片
    self.imageView        = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"red"]];
    self.imageView.center = self.view.center;
    self.imageView.alpha  = 0;
    [self.view addSubview:self.imageView];
    
    self.cyanView       = [[UIImageView alloc] initWithFrame:self.imageView.bounds];
    self.cyanView.image = [UIImage imageNamed:@"cyan"];
    [self.imageView addSubview:self.cyanView];
    
    
    // 设置rect
    self.startRect    = self.imageView.frame;
    
    CGRect tmpRect    = self.startRect;
    tmpRect.origin.y -= self.distanceFromStartToCenter;
    self.centerRect   = tmpRect;
    
    tmpRect           = self.centerRect;
    tmpRect.origin.y -= self.distanceFromCenterToEnd;
    self.endRect      = tmpRect;
    
    // 递归调用
    [self doAnimation];
}

- (void)doAnimation {
    [UIView animateWithDuration:1.f
                          delay:0.2f
                        options:UIViewAnimationOptionCurveEaseInOut
                     animations:^{
                         
                         self.imageView.alpha = 1.f;
                         self.imageView.frame = self.centerRect;
                         self.cyanView.alpha  = 0.5;
                         
                     } completion:^(BOOL finished) {
                         
                         [UIView animateWithDuration:0.5f
                                               delay:0.1f
                                             options:UIViewAnimationOptionCurveEaseInOut
                                          animations:^{
                                              
                                              self.imageView.alpha = 0.f;
                                              self.imageView.frame = self.endRect;
                                              self.cyanView.alpha  = 0.f;
                                              
                                          } completion:^(BOOL finished) {
                                              
                                              self.imageView.frame = self.startRect;
                                              self.cyanView.alpha  = 1.f;
                                              [self doAnimation];
                                          }];
                     }];
}

@end

目录
相关文章
|
11天前
|
弹性计算 关系型数据库 微服务
基于 Docker 与 Kubernetes(K3s)的微服务:阿里云生产环境扩容实践
在微服务架构中,如何实现“稳定扩容”与“成本可控”是企业面临的核心挑战。本文结合 Python FastAPI 微服务实战,详解如何基于阿里云基础设施,利用 Docker 封装服务、K3s 实现容器编排,构建生产级微服务架构。内容涵盖容器构建、集群部署、自动扩缩容、可观测性等关键环节,适配阿里云资源特性与服务生态,助力企业打造低成本、高可靠、易扩展的微服务解决方案。
1230 5
|
10天前
|
机器学习/深度学习 人工智能 前端开发
通义DeepResearch全面开源!同步分享可落地的高阶Agent构建方法论
通义研究团队开源发布通义 DeepResearch —— 首个在性能上可与 OpenAI DeepResearch 相媲美、并在多项权威基准测试中取得领先表现的全开源 Web Agent。
1214 87
|
10天前
|
云栖大会
阿里云云栖大会2025年9月24日开启,免费申请大会门票,速度领取~
2025云栖大会将于9月24-26日举行,官网免费预约畅享票,审核后短信通知,持证件入场
1796 13
|
20天前
|
人工智能 运维 安全
|
3天前
|
资源调度
除了nrm-pm,还有哪些工具可以管理多个包管理器的源?
除了nrm-pm,还有哪些工具可以管理多个包管理器的源?
234 127
|
4天前
|
前端开发
Promise的then方法返回的新Promise对象有什么特点?
Promise的then方法返回的新Promise对象有什么特点?
177 2