详解IOS图层转场动画

软件编程 IOS 分类:[default] 更新日期: 2015-08-19
这篇文章主要为大家详细介绍了IOS图层转场动画, CATransition类实现层的转场动画,能够为层提供移出屏幕和移入屏幕的动画效果,感兴趣的小伙伴们可以参考一下

CAAnimation的子类,用于做转场动画,能够为层提供移出屏幕和移入屏幕的动画效果。iOS比Mac OS X的转场动画效果少一点
UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果
属性解析:

  • type:动画过渡类型
  • subtype:动画过渡方向
  • startProgress:动画起点(在整体动画的百分比)
  • endProgress:动画终点(在整体动画的百分比)

具体代码:

/* 过渡效果
 fade   //交叉淡化过渡(不支持过渡方向) kCATransitionFade
 push   //新视图把旧视图推出去 kCATransitionPush
 moveIn  //新视图移到旧视图上面  kCATransitionMoveIn
 reveal  //将旧视图移开,显示下面的新视图 kCATransitionReveal
 cube   //立方体翻滚效果
 oglFlip //上下左右翻转效果
 suckEffect  //收缩效果,如一块布被抽走(不支持过渡方向)
 rippleEffect //滴水效果(不支持过渡方向)
 pageCurl   //向上翻页效果
 pageUnCurl  //向下翻页效果
 cameraIrisHollowOpen //相机镜头打开效果(不支持过渡方向)
 cameraIrisHollowClose //相机镜头关上效果(不支持过渡方向)
*/
  
/* 过渡方向
 kCATransitionFromRight
 kCATransitionFromLeft
 kCATransitionFromBottom



//转场动画--》是针对某个view的图层进行转场动画
#import "ViewController.h"
#import <QuartzCore/QuartzCore.h>

@interface ViewController ()
{
  UIView *_lastview;
  BOOL flag;
}
@end

@implementation ViewController

- (void)viewDidLoad
{
  [super viewDidLoad];
  flag=true;
  UIView *view=[[UIView alloc] initWithFrame:CGRectMake(100, 100, 200, 200)];
  view.backgroundColor=[UIColor redColor];
  [self.view addSubview:view];
  [view release];
  _lastview=view;
  // Do any additional setup after loading the view, typically from a nib.
}

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
  if(flag){
    _lastview.backgroundColor=[UIColor yellowColor];
    flag=false;
  
  }
  else{
    _lastview.backgroundColor=[UIColor redColor];
    flag=true;
  }
  
  //转场动画--就是对某个view进行动画切换。
  //1:如果是控制器之间的切换,其实window上view进行切换
  CATransition *transion=[CATransition animation];
  //设置转场动画的类型
  [email protected]"pageCurl";
  //设置转场动画的方向
  [email protected]"fromLeft";
  
  //把动画添加到某个view的图层上
  [self.view.layer addAnimation:transion forKey:nil];
  
}

 控制器直接切换动画

 UIApplication *app=[UIApplication sharedApplication];
  AppDelegate *dd=app.delegate;
  
    MyViewController *my=[[MyViewController alloc] init];
  //切换根控制器,其实把视图控制器的view在window上切换。所以在转场动画要作用在window上
  dd.window.rootViewController=my;
  CATransition *trans=[CATransition animation];
  
  [email protected]"pageCurl";
  [email protected]"fromTop";
  
  [dd.window.layer addAnimation:trans forKey:nil];
  
  [my release];

以上就是本文的全部内容,希望对大家的学习有所帮助。


> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • Yii2rbac权限控制之rule教程详解
    Yii2rbac权限控制之rule教程详解
    这篇文章主要介绍了Yii2 rbac权限控制之rule教程详解的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下在我们之前Yii2搭建后台并实现rbac权限控制完整实例教程中,不知道你曾经疑惑过没有一个问题,rule表是做什么的,为什么在整个过程中我们都没有涉及到这张表? 相信我不说,部分人也都会去尝试,或百度或google,到头来也会竹篮打水,这部 ...
  • 详解表单验证正则表达式实例(推荐)
    这篇文章主要介绍了详解表单验证正则表达式实例推荐的相关资料,非常不错,具有参考借鉴价值,特此分享到平台供大家参考验证:!reg.test(value) 邮箱: 代码如下:reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/i; 不包含中文: 代码如下:r ...
  • CSS3实现动态翻牌效果仿百度贴吧3D翻牌一次动画特效
    CSS3实现动态翻牌效果仿百度贴吧3D翻牌一次动画特效
    本文主要分享一个利用CSS3新特性transform,实现3D翻牌的特效,有需要的小伙伴可以参考下.今天分享一个CSS3制作的翻牌效果,效果如下图所示,所过把把这个效果应用于相册肯定会很炫的.呵呵,超酷啊. 一.HTML代码: 因为是CSS3实现,所以大家可以看到没有任何的JS代码.ul为一组图片,每个li中有个a(因为我们希望可以跳转),a中包含两个div ...
  • 解读ASP.NET5&MVC6系列教程1:ASP.NET5简介
    这篇文章主要介绍ASP.NET 5简介以及对各个版本号进行解释,ASP.NET 5中新的变化,需要的朋友可以参考下.ASP.NET 5简介 ASP.NET 5是一个跨时代的改写,所有的功能和模块都进行了独立拆分,做到了彻底解耦.为了这些改写,微软也是蛮 拼的,几乎把.NET Framwrok全部改写了一遍,形成了一个.NET Core的东西. 在.NET C ...
  • 利用ASP.NETMVC+Bootstrap搭建个人博客之praise.js点赞特效插件(二)
    这篇文章主要介绍了利用ASP.NET和MVC+Bootstrap搭建个人博客之praise.js点赞特效插件二的相关资料,需要的朋友可以参考下在上篇文章给大家介绍了利用ASP.NET MVC和Bootstrap快速搭建响应式个人博客站(一).接下来给大家介绍如果做个点赞插件,一起通过本文学习吧! 1. 为啥要做这个点赞插件?    praise.js是一款小 ...
  • HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
    本文主要介绍HTML5实战与剖析之触摸事件,介绍的比较详细,需要的朋友可以参考下. HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享.今天为大家介绍的事件主要是触摸事件:touchstart.touchmove和touchend. ...
猜你喜欢