iOS开发 ☞ 浅谈CATransition动画(转场动画)

最新推荐文章于 2020-01-08 23:33:18 发布
最新推荐文章于 2020-01-08 23:33:18 发布
阅读量1.9k 收藏
点赞数 1
分类专栏： iOS 文章标签： 动画 UIView动画 CA动画 api
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/magiczyj/article/details/50639870
版权
本文探讨了iOS中CATransition动画的使用，包括type属性的各种过渡效果，如交叉淡化、翻页等，以及subType属性的转场方向。通过代码示例展示了如何在视图控制器中实现视图的翻转切换。同时，文章提到了CATransition是图层变化，与UIView动画的区别在于，CATransition不会改变控件的实际frame。
摘要由CSDN通过智能技术生成

直入主题：首先附上实现动画效果的基本属性：
1. type属性
（1） #define定义的常量 （公开API）
kCATransitionFade 交叉淡化过渡
kCATransitionMoveIn 新视图移到旧视图上面
kCATransitionPush 新视图把旧视图推出去
kCATransitionReveal 将旧视图移开,显示下面的新视图

（2）用字符串表示 （私有API）
pageCurl 向上翻一页
pageUnCurl 向下翻一页
rippleEffect 滴水效果
suckEffect 收缩效果，如一块布被抽走
cube 立方体效果
oglFlip 上下翻转效果
cameraIrisHollowOpen 镜头快门开
cameraIrisHollowClose 镜头快门开
2. subType属性
kCATransitionFromRight 从右侧转场
kCATransitionFromLeft 从左侧转场
kCATransitionFromTop 从顶部转场
kCATransitionFromBottom 从底部转场

下面是效果和实现代码
这里写图片描述

这里写图片描述

最低0.47元/天 解锁文章
Magic-ZYJ
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ios CATransition kCATransitionFadeview的动态效果
u010698385的专栏
09-04 1371
CATransition的type属性 这里使用了setType与setSubtype组合，这使用个比较保险，因为他的参数就是官方API里定义的，他们的参数说明可以参考如下： [c] view plaincopy setType"color:#339933">:可以返回四种类型：   kCATransitionFade淡出
iOS开发之 转场动画CATransition
ltj1171528192的博客
09-30 494
转场动画CATransition入门须知： 1、 CATransition 转场动画 可以切换视图 视图控制器  2、CATransition 的两个重要属性  type 转场动画的 动画效果  subtype 转场动画动画的方向 3、type的动画效果如下：   kCATransitionFade   交叉淡化
iOS开发总结之 CATransition
Walden_tinghou的专栏
04-30 696
1.代码 // #import "ViewController.h" @interface ViewController () - (IBAction)previous; - (IBAction)next; @property (weak, nonatomic) IBOutlet UIImageView *iconView; /** * 当前图片的索引 */ @property (n
iOS - CATransition (过渡动画)
爱上猫的鱼
01-08 983
简介 CAAnimation 的子类，主要用于做过渡动画、转场动画等 转场动画，比UIVIew转场动画具有更多的动画效果，比如Nav的默认Push视图的效果就是通过CATransition的kCATransitionPush类型来实现。 属性 type 表示过渡效果，公开 API 有四种kCATransitionFade 渐变 kCATransitionMoveIn 进...
iOS之转场动画／自定义转场动画
代码解释生活
04-06 1454
<span style="color:#2f2f2f">大家都知道从iOS7开始，苹果就提供了自定义转场的API，模态推送present和dismiss、导航控制器push和pop、标签控制器的控制器切换都可以自定义转场了，</span> /** CATransition * * @see http://www.dream...
实例讲解iOS中的CATransition转场动画使用
09-02
CATransition是iOS开发中用于创建视图转场动画的关键类，它是CAAnimation的子类，专门设计来实现视图在屏幕上的出入动画效果。在iOS中，我们经常看到如UINavigationController的导航控制器在切换页面时的滑动效果，...
详解iOS开发中的转场动画和组动画以及UIView封装动画
09-03
总结来说，iOS开发中的转场动画和组动画提供了丰富的视图切换和复合动画效果，而UIView封装的动画则简化了日常开发中的动画实现。理解并熟练运用这些动画技术，能极大地提升应用的用户体验和视觉吸引力。
详解IOS图层转场动画
09-02
在iOS开发中，图层转场动画是一种常用的技术，它能为用户界面带来生动和吸引人的视觉效果。本文将深入探讨如何使用`CATransition`类来实现这些动画，特别是涉及图层的移出屏幕和移入屏幕的效果。 `CATransition`是`...
ios 动画效果CATransition笔记
gtf20077292012的专栏
01-20 1万+
初学ios开发，很多概念还不清楚，所以只有边学边做例子。又怕学了后面忘了前面，因此用自己的博客来纪录自己的学习历程，也是对自己学习不要懈怠做个监督。     刚学ios做动画效果。因为ios封装得很好，实现ios的漂亮动画效果也很简单，却因为我自己的粗心落了一个字母 导致纠结了一天，这个教训必须记住，同时也懂得了调试技能在编程里地位也是非常重要的存在。    实现ios动画有两种方法：一种UI
iPhone 简单动画过度
iteye_11158的博客
07-29 263
在iPhone中动画过度非常简单.   首先获取当前的图形上下文: CGContextRef context = UIGraphicsGetCurrentContext();   接着设置一些动画属性用于开始动画:   [UIView beginAnimations:nil context:context]; [UIView setAnimationCurve:UIViewAnim...
CATransition动画精讲
weixin_33989058的博客
12-16 120
前言 曾经，笔者对动画一无所知，当他人问起时，总是似懂非懂。每一次别人说起动画效果时，笔者都不好意思插话，因此懂得太少，只是会使用UIView的那几个添加动画的方法。现在，不再等待，一步一步地学习其基础知识并开始尝试写一些常用的动画效果。 如果您也一样迷茫，那就不要迷茫了，实践出真知！！！ 基础知识 我们直接看官方声明：...
视图控制器转场动画——CATransition
番薯大佬的专栏
06-07 1477
github：https://github.com/potato512/SYAnimation 使用CATransition进行视图控制器的转场动画自定义。 效果图： 代码示例： // 转场动画 CATransition *animation = [CATransition animation]; animation.duration = 0
ios 动画效果类型及实现方法
服务器端攻城师
01-04 798
实现iphone的动画效果主要有两种方法，一种是UIView层面的，一种是使用CATransition进行更低层次的控制. 1、UIView CGContextRef context = UIGraphicsGetCurrentContext(); [UIView beginAnimations:nil context:context]; [UIView setAnimationC
先显示默认图片·，等到应该显示的图片加载完成之后再显示加载之后的图片
ma_yajie的博客
06-14 5675
显示默认图片，img的onload事件
ios中的各中动画（旋转，平移）
Eduora_meimei的专栏
04-15 4690
//图片进行自动旋转 CABasicAnimation是一个最多只能有两个关键帧的动画，     UIImageView *imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"7"]];     imageView.frame = CGRectMake(40, 60, 200, 250);  
【iOS开发】---- 转场动画 CATransition
冻僵的企鹅'zone
05-16 9998
Inherits from CAAnimation : NSObject Conforms to NSCoding (CAAnimation) NSCopying (CAAnimation) CAAction (CAAnimation) CAMediaTiming (CAAnimation) NSObject (NSObject)
UIViewAnimation动画与CATransition类动画
weixin_33904756的博客
02-05 157
CATransition   CATransition is an Objective-C wrapper for creating view transitions. As of 3.1.2, there are 11 types of transitions. 4 of them are SDK-compatible, but are the most boring ones. The...
iOS 基于CATransition实现翻页、旋转等动画效果 —— HERO博客
hero_wqb的博客
06-01 5590
iOS 基于CATransition实现翻页、旋转、淡化、推进、滑入滑出、立方体、吮吸、波纹等动画效果。
CATransition 的初级应用及type属性
热门推荐
silva_831的专栏
03-21 2万+
需要在frameworks中添加QuartzCore.framework 在接口程序中加上头文件   #import /*好多动画效果*/     CATransition *transition = [CATransition animation];     transition.duration = 1.0f;         /* 间隔时间*/     transition.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值