iOS 动画(3)

最新推荐文章于 2024-12-28 19:54:21 发布

Nackery

最新推荐文章于 2024-12-28 19:54:21 发布

阅读量295

点赞数

CC 4.0 BY-SA版权

分类专栏： iOS 文章标签： iOS 动画 CATransition

本文链接：https://blog.youkuaiyun.com/NoPolun_iOS/article/details/56959383

iOS 专栏收录该内容

92 篇文章

订阅专栏

本文介绍如何使用UIView和CATransition实现多种视图切换动画效果，包括翻页、移入、揭开等，并提供了具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CATransition动画设置两个UIView

    UIView *magentaView =[[UIView alloc]initWithFrame:self.view.bounds];
    magentaView.backgroundColor =[UIColor magentaColor];
    [self.view addSubview:magentaView];
    UIView * gtayView =[[UIView alloc]initWithFrame:self.view.bounds];
    gtayView.backgroundColor =[UIColor lightGrayColor];
    [self.view addSubview:gtayView];

//提交
-(void)add{
    //    开始动画
    [UIView beginAnimations:@"animation" context:nil];
    [UIView setAnimationDuration:1.0];
    [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.view cache:YES];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
    [self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];

    //     提交动画
    [UIView commitAnimations];

}
//翻页
-(void)curl
{
    //    开始动画
    [UIView beginAnimations:@"animation" context:nil];
    [UIView setAnimationDuration:1.0f];
    [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:self.view cache:YES];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
    [self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];
    //     提交动画
    [UIView commitAnimations];
}
//移入
-(void)move
{
    CATransition *strasiton =[CATransition animation];
    strasiton.duration = 2.0f;
     //    使用kCATransitionMoveIn动画
    strasiton.type = kCATransitionMoveIn;
    //      指定动画方向，从左向右
    strasiton.subtype = kCATransitionFromLeft;
    [self.view.layer addAnimation:strasiton forKey:@"animation"];
    [self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];
}
//揭开
-(void)reveal
{

    CATransition *strasiton =[CATransition animation];
    strasiton.duration = 2.0f;
    //    使用kCATransitionReveal动画
    strasiton.type = kCATransitionReveal;
     strasiton.subtype = kCATransitionFromTop;
    [self.view.layer addAnimation:strasiton forKey:@"animation"];
    [self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];

}
//立方体
-(void)cube
{
    CATransition *trasiton =[CATransition animation];
    trasiton.duration = 2.0f;
    trasiton.type = @"cube";
    trasiton.subtype = kCATransitionFromLeft;
    [self.view.layer addAnimation:trasiton forKey:@"animation"];
    [self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];
}
//吸入
-(void)suck
{
    CATransition *trasiton =[CATransition animation];
    trasiton.duration = 2.0f;
    trasiton.type = @"suckEffect";
    trasiton.subtype = kCATransitionFromLeft;
    [self.view.layer addAnimation:trasiton forKey:@"animation"];
    [self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];
}
//翻转
-(void)oglFlip
{
    CATransition *trasiton =[CATransition animation];
    trasiton.duration = 2.0f;
    trasiton.type = @"oglFlip";
    trasiton.subtype = kCATransitionFromLeft;
    [self.view.layer addAnimation:trasiton forKey:@"animation"];
    [self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];

}
//水波
-(void)ripple
{
    CATransition *trasiton =[CATransition animation];
    trasiton.duration = 2.0f;
    trasiton.type = @"rippleEffect";
    trasiton.subtype = kCATransitionFromLeft;
    [self.view.layer addAnimation:trasiton forKey:@"animation"];
    [self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];
}