温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

IOS学习动画一之 UIKit动画

发布时间:2020-07-30 21:22:25 来源:网络 阅读:560 作者:lyy201109210 栏目:移动开发

IOS的 普通动画可使用UIKit提供的动画方式;

           复杂动画可使用Core Animation。


1、 通过动画上下文使用UIKit动画

-(void)animationOfUIKit  {  
    UIView *redView=[[UIView alloc]initWithFrame:CGRectMake(10, 10, 100, 100)];  
      
    [self.view addSubview:redView];  
    //开始动画  
    [UIView beginAnimations:@"test" context:nil];  
    //动画时长  
    [UIView setAnimationDuration:1];  
    //设置动画淡入淡出  
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; 
    /*  
     *要进行动画设置的地方  
     */  
    redView.backgroundColor=[UIColor blueColor];  
    redView.frame=CGRectMake(50, 50, 200, 200);  
    redView.alpha=0.5;
    //动画结束  
    [UIView commitAnimations];  
}


2、通过代码块使用UIKit动画

-(void)animationOfBlock  {  
    //初始化一个View,用来显示动画  
    UIView *redView=[[UIView alloc]initWithFrame:CGRectMake(10, 10, 100, 100)];
    [self.view addSubview:redView];  
  
    [UIView animateWithDuration:1 //时长  
                 delay:0 //延迟时间  
                 options:UIViewAnimationOptionTransitionFlipFromLeft//动画效果  
                 animations:^{
                         //动画设置区域  
                         redView.backgroundColor=[UIColor blueColor];  
                         redView.frame=CGRectMake(50, 50, 200, 200);  
                         redView.alpha=0.5;  
                     } completion:^(BOOL finish){  
                       //动画结束时调用  
                     }];
}


3、UIView的,翻转、旋转,偏移,翻页,缩放,取反的动画效果

CoreGraphics框架中的CGAffineTransform类可用于设定UIView的transform属性,控制视图的缩放、旋转和平移等操作 (另称为 放射变换矩阵),这种动画都是针对视图的原定最初位置的中心点为起始参照进行相应操作的,在操作结束之后可对设置量进行还原:

view.transform=CGAffineTransformIdentity;


翻转的动画

    //开始动画  
   [UIView beginAnimations:@"doflip" context:nil];  
   //设置时常  
   [UIView setAnimationDuration:1];  
   //设置动画淡入淡出  
   [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];  
   //设置代理  
   [UIView setAnimationDelegate:self];  
   //设置翻转方向  
   [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:manImageView cache:YES];  
   //动画结束  
   [UIView commitAnimations];


旋转动画

//创建一个CGAffineTransform  transform对象  
CGAffineTransform  transform;   
//设置旋转度数  
transform = CGAffineTransformRotate(manImageView.transform,M_PI/6.0);  
//动画开始  
[UIView beginAnimations:@"rotate" context:nil ];  
//动画时常  
[UIView setAnimationDuration:2];  
//添加代理  
[UIView setAnimationDelegate:self];  
//获取transform的值  
[manImageView setTransform:transform];  
//关闭动画  
[UIView commitAnimations];


偏移动画

[UIView beginAnimations:@"move" context:nil];
[UIView setAnimationDuration:2];
[UIView setAnimationDelegate:self];
//改变它的frame的x,y的值
manImageView.frame=CGRectMake(100,100, 120,100);
[UIView commitAnimations];


翻页动画

[UIView beginAnimations:@"curlUp" context:nil];  
//指定动画曲线类型,该枚举是默认的,线性的是匀速的  
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
//设置动画时常  
[UIView setAnimationDuration:1];  
[UIView setAnimationDelegate:self];  
//设置翻页的方向  
[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:manImageView cache:YES];  
//关闭动画  
[UIView commitAnimations];


缩放动画

CGAffineTransform  transform = CGAffineTransformScale(manImageView.transform,1.2,1.2);  
[UIView beginAnimations:@"scale" context:nil];  
[UIView setAnimationDuration:2];  
[UIView setAnimationDelegate:self];  
[manImageView setTransform:transform];  
[UIView commitAnimations];


取反的动画效果是根据当前的动画取他的相反的动画

CGAffineTransform transform = CGAffineTransformInvert(manImageView.transform);  
[UIView beginAnimations:@"Invert" context:nil];  
[UIView setAnimationDuration:2];//动画时常  
[UIView setAnimationDelegate:self];  
[manImageView setTransform:transform];//获取改变后的view的transform  
[UIView commitAnimations];//关闭动画


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI