转场动画

作者: 浮桥小麦 | 来源:发表于2016-06-18 14:13 被阅读140次

    前言:今天有空把转场动画的笔记整理了一下,不废话直接上代码

    pragma mark -- 1
    • 我们首先在stroyboard中拖一个UIImageView,自己找几张图片放到项目中。
    • 将UIImageView拖出来
    @property (weak, nonatomic) IBOutlet UIImageView *imageView;
    
    • 我们直接在点击屏幕的方法里来实现转场动画
    static int _number = 1;
     -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent  *)event
       {
        //转场代码
         _number++;
    //这里是简单判断 
       if (_number > 3) {
            _number = 1;
        }
       //我一共是设置了三张图片切换,拼接了一下字符串 
       NSString *imageName = [NSString stringWithFormat:@"%d",_number ];
        self.imageView.image = [UIImage imageNamed:imageName];
    
    //转场动画代码
     //1.创建动画
        CATransition *animation = [CATransition animation];
     //2.设置转场类型
     animation.type = @"suckEffect";
      //转场时间
        animation.duration = 0.8;
        //设置转场方向
        animation.subtype = kCATransitionFromBottom;
        //设置动画的起始点
        animation.startProgress = 0.5;//范围是0-1
        //设置动画的结束点
        animation.endProgress = 0.8;
        //3.添加动画
        [self.imageView.layer addAnimation:animation forKey:nil];
    
    //代码实现部分就是这些了
     }
    
    pragma mark -- 2
    • 转场类型
         1.@"cube":上下旋转的立体转场
         2.@"push":推送转场
         3.@"fade":交叉淡化过渡
         4.@"moveIn":新的移到旧的之上
         5.@"reveal":将旧的移开,显示新的
         6.@"oglFlip":上下左右翻转效果
         7.@"suckEffect":收缩效果(无方向)
         8.@"pageCurl":向上翻页效果
         9.@"pageUnCurl":向下翻页效果
         10.@"cameraIrisHollowOpen":相机镜头打开效果(无方向)
         11.@"cameraIrisHollowClose":相机镜头关闭效果(无方向)
         12.@"rippleEffect":水滴效果(无方向)
    
    ######注意:转场代码和转场动画代码都必须放在一个方法里才行(当然两者是没有顺序之分的)
    
    

    相关文章

      网友评论

        本文标题:转场动画

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