博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iOS自定义UIView动画效果
阅读量:6456 次
发布时间:2019-06-23

本文共 3771 字,大约阅读时间需要 12 分钟。

最普通动画:

//开始动画[UIView beginAnimations:nil context:nil];//设定动画持续时间[UIView setAnimationDuration:2];//动画的内容frame.origin.x += 150;[img setFrame:frame];//动画结束[UIView commitAnimations];复制代码

连续动画:一个接一个地显示一系列的图像

NSArray *myImages = [NSArray arrayWithObjects:[UIImage imageNamed:@"myImage1.png"],[UIImage imageNamed:@"myImage2.png"],[UIImage imageNamed:@"myImage3.png"],[UIImage imageNamed:@"myImage4.gif"], nil];UIImageView *myAnimatedView = [UIImageView alloc];[myAnimatedView initWithFrame:[self bounds]];myAnimatedView.animationImages = myImages; //animationImages属性返回一个存放动画图片的数组myAnimatedView.animationDuration = 0.25; //浏览整个图片一次所用的时间myAnimatedView.animationRepeatCount = 0; // 0 = loops forever 动画重复次数[myAnimatedView startAnimating];[self addSubview:myAnimatedView];[myAnimatedView release];CATransition Public API动画:CATransition *animation = [CATransition animation];//动画时间    animation.duration = 0.5f;//先慢后快    animation.timingFunction = UIViewAnimationCurveEaseInOut;animation.fillMode = kCAFillModeForwards;//animation.removedOnCompletion = NO;复制代码

各种动画效果

/*kCAFillModeRemoved 这个是默认值,也就是说当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer会恢复到之前的状态kCAFillModeForwards 当动画结束后,layer会一直保持着动画最后的状态kCAFillModeBackwards 这个和kCAFillModeForwards是相对的,就是在动画开始前,你只要将动画加入了一个layer,layer便立即进入动画的初始状态并等待动画开始.你可以这样设定测试代码,将一个动画加入一个layer的时候延迟5秒执行.然后就会发现在动画没有开始的时候,只要动画被加入了layer,layer便处于动画初始状态kCAFillModeBoth 理解了上面两个,这个就很好理解了,这个其实就是上面两个的合成.动画加入后开始之前,layer便处于动画初始状态,动画结束后layer保持动画最后的状态.*//*kCATransitionFromRight;kCATransitionFromLeft;kCATransitionFromTop;kCATransitionFromBottom;*///各种组合animation.type = kCATransitionPush;animation.subtype = kCATransitionFromRight;[self.view.layer addAnimation:animation forKey:@"animation"];CATransition Private API动画:animation.type可以设定为以下效果动画效果汇总:/*suckEffect(三角)rippleEffect(水波抖动)pageCurl(上翻页)pageUnCurl(下翻页)oglFlip(上下翻转)cameraIris/cameraIrisHollowOpen/cameraIrisHollowClose  (镜头快门,这一组动画是有效果,只是很难看,不建议使用而以下为则黑名单:spewEffect: 新版面在屏幕下方中间位置被释放出来覆盖旧版面.- genieEffect: 旧版面在屏幕左下方或右下方被吸走, 显示出下面的新版面 (阿拉丁灯神?).- unGenieEffect: 新版面在屏幕左下方或右下方被释放出来覆盖旧版面.- twist: 版面以水平方向像龙卷风式转出来.- tubey: 版面垂直附有弹性的转出来.- swirl: 旧版面360度旋转并淡出, 显示出新版面.- charminUltra: 旧版面淡出并显示新版面.- zoomyIn: 新版面由小放大走到前面, 旧版面放大由前面消失.- zoomyOut: 新版面屏幕外面缩放出现, 旧版面缩小消失.- oglApplicationSuspend: 像按"home" 按钮的效果.*/UIView Animations 动画:[UIView beginAnimations:@"animationID" context:nil];[UIView setAnimationDuration:0.5f];[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];[UIView setAnimationRepeatAutoreverses:NO];//以下四种效果/*[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES];//oglFlip, fromLeft[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES];//oglFlip, fromRight[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:self.view cache:YES];[UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.view cache:YES];*/[self.view exchangeSubviewAtIndex:1 withSubviewAtIndex:0];[UIView commitAnimations];IOS4.0新方法:方法: +(void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations;+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion; //多一个动画结束后可以执行的操作.//下边是嵌套使用,先变大再消失的动画效果.[UIView animateWithDuration:1.25 animations:^{CGAffineTransform newTransform = CGAffineTransformMakeScale(1.2, 1.2);[firstImageView setTransform:newTransform];[secondImageView setTransform:newTransform];}completion:^(BOOL finished){[UIView animateWithDuration:1.2 animations:^{[firstImageView setAlpha:0];[secondImageView setAlpha:0];} completion:^(BOOL finished){[firstImageView removeFromSuperview];[secondImageView removeFromSuperview]; }];}];复制代码

转载于:https://juejin.im/post/5a93c9516fb9a0634c26923d

你可能感兴趣的文章
Office 365之SkyDrive Pro
查看>>
脑残式网络编程入门(二):我们在读写Socket时,究竟在读写什么?
查看>>
无缝滚动实现原理分析【公告栏】
查看>>
Java Web 高性能开发
查看>>
CentOS 4.4双网卡绑定,实现负载均衡
查看>>
Scala之柯里化和隐式转换
查看>>
获取androdmanifest里面的meta-data
查看>>
mysql拷贝表的几种方式
查看>>
用设计模式去掉没必要的状态变量 —— 状态模式
查看>>
linux安装elasticsearch及遇到的各种问题
查看>>
健忘的正则
查看>>
[转]CMake快速入门教程:实战
查看>>
IntelliJ IDEA创建JavaWeb工程及配置Tomcat部署
查看>>
Markdown用法
查看>>
求最大值及其下标
查看>>
Request header is too large
查看>>
轮播插件swiper.js?
查看>>
网路流24题总结
查看>>
15 个 Android 通用流行框架大全
查看>>
ant 执行java文件,java文件中含中文,显示乱码
查看>>