iOS CGAffineTransform 动画
来源:互联网 发布:谭维维和尚雯婕 知乎 编辑:程序博客网 时间:2024/06/08 02:00
CoreGraphics框架中的CGAffineTransform类可用于设定UIView的transform属性,控制视图的缩放、旋转和平移操作:
另称放射变换矩阵,可参照线性代数的矩阵实现方式
这里附上的CGAffineTransform官方文档:
https://developer.apple.com/library/ios/documentation/GraphicsImaging/Reference/CGAffineTransform/index.html
Transform 是一种状态,并且只有一种状态
(1)CGAffineTransformMakeTranslation(<#CGFloat tx#>, <#CGFloat ty#>):只能变化一次,因为这种方式的变化始终是以最原始的状态值进行变化的,所以只能变化一次
(2)CGAffineTransformTranslate(CGAffineTransform t, <#CGFloat tx#>, <#CGFloat ty#>):能够多次变化,每次变化都是以上一次的状态(CGAffineTransform t)进行的变化,所以可以多次变化
(3) CGAffineTransformIdentity:清空所有的设置的transform(一般和动画配合使用,只能使用于transfofrm设置的画面)
(4)CGAffineTransformMakeScale( CGFloat sx, CGFloat sy) (缩放:设置缩放比例)仅通过设置缩放比例就可实现视图扑面而来和缩进频幕的效果。
(5) CGAffineTransformMakeRotation( CGFloat angle) (旋转:设置旋转角度)
关键代码如下:
@implementation ViewController@synthesize imageview1,imageview2, label1, imageContainView;UIImage *image1, *image2;UIView *view1, *view2;- (IBAction)button1_click:(id)sender { //翻转动画,旋转360度后复原(doflip) // additional context info passed to will start/did stop selectors. begin/commit can be nested //注意:动画效果是setAnimationTransition控制的,beginAnimations只是标识了这一组动画的名称 [UIView beginAnimations:@"doflip" context:nil]; [UIView setAnimationDuration:2]; /* 动画速度 typedef NS_ENUM(NSInteger, UIViewAnimationCurve) { UIViewAnimationCurveEaseInOut, // slow at beginning and end UIViewAnimationCurveEaseIn, // slow at beginning UIViewAnimationCurveEaseOut, // slow at end UIViewAnimationCurveLinear }; */ [UIView setAnimationCurve:UIViewAnimationCurveLinear]; [UIView setAnimationDelegate:self]; //设置翻转动画的起始方向 //UIViewAnimationTransitionFlipFromLeft(从左到右) //UIViewAnimationTransitionFlipFromLeft(从右到左) [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:imageContainView cache:YES]; // starts up any animations when the top level animation is commited [UIView commitAnimations];}- (IBAction)button2_click:(id)sender { //旋转动画,保持旋转后的状态(rotate) CGAffineTransform transform = CGAffineTransformRotate(imageContainView.transform, M_PI/6.0); [UIView beginAnimations:@"rotate" context:nil]; [UIView setAnimationDuration:2]; [UIView setAnimationDelegate:self]; [imageContainView setTransform:transform]; [UIView commitAnimations];}- (IBAction)button3_click:(id)sender { //偏移动画(move) [UIView beginAnimations:@"move" context:nil]; [UIView setAnimationDuration:2]; [UIView setAnimationDelegate:self]; imageContainView.frame = CGRectMake(80, 80, 200, 200); [label1 setBackgroundColor:[UIColor yellowColor]]; [label1 setTextColor:[UIColor redColor]]; [UIView commitAnimations];}- (IBAction)button4_click:(id)sender { //翻页动画(curlUp 和 curlDown) //curlUp表示将这一页翻上去 //curlDown表示将上一页翻下来 //注意:翻页动画针对的是与屏幕平行的矩形,如果被旋转相应角度,翻页不正常 [UIView beginAnimations:@"xxx" context:nil]; [UIView setAnimationDuration:2]; [UIView setAnimationDelegate:self]; [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:imageContainView cache:YES]; NSInteger imageview1Index = [[imageContainView subviews] indexOfObject:imageview1]; NSInteger imageview2Index = [[imageContainView subviews] indexOfObject:imageview2]; NSLog(@"subview index %ld %ld", imageview1Index, imageview2Index); //交换2视图的位置 [imageContainView exchangeSubviewAtIndex:imageview2Index withSubviewAtIndex:imageview1Index]; [UIView commitAnimations];}- (IBAction)button5_click:(id)sender { //缩放动画(scale) //Scale `t' by `(sx, sy)',缩放默认是以视图的中心点为轴的 CGAffineTransform transform = CGAffineTransformScale(imageContainView.transform, 1.2, 1.2); [UIView beginAnimations:@"scale" context:nil]; [UIView setAnimationDuration:2]; [UIView setAnimationDelegate:self]; [imageContainView setTransform:transform]; [UIView commitAnimations]; }- (IBAction)button6_click:(id)sender { //根据当前的动画取反(Invert) //注意:只针对setTransform的视图,并且是取反而不是还原,其它动画无法取反 CGAffineTransform transform = CGAffineTransformInvert(imageContainView.transform); [UIView beginAnimations:@"Invert" context:nil]; [UIView setAnimationDuration:2]; [UIView setAnimationDelegate:self]; [imageContainView setTransform:transform]; [UIView commitAnimations];}- (void)startAnimation:(NSString*) transitionType { CATransition *transition = [CATransition animation]; transition.delegate = self; transition.duration = 2; //时间函数(控制动画速度) transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]; /* The name of the transition. Current legal transition types include * `fade', `moveIn', `push' and `reveal'. Defaults to `fade'. 另外还有一些私有动画 “pageCurl”(向上翻页) “pageUnCurl”(向下翻页)、"rippleEffect"(水滴) "suckEffect"(收缩抽走) "cube"(立方体) "oglFilp"(上下翻转) "cameraIrisHollowOpen"(镜头开) "cameraIrisHollowClose"(镜头关)*/ transition.type = transitionType; /* An optional subtype for the transition. E.g. used to specify the * transition direction for motion-based transitions, in which case * the legal values are `fromLeft', `fromRight', `fromTop' and * `fromBottom'. */ transition.subtype = kCATransitionFromTop; [imageContainView.layer addAnimation:transition forKey:@"transition"];}- (IBAction)button7_click:(id)sender { [self startAnimation:kCATransitionFade];}- (IBAction)button8_click:(id)sender { [self startAnimation:kCATransitionMoveIn];}- (IBAction)button9_click:(id)sender { [self startAnimation:kCATransitionPush];}- (IBAction)button10_click:(id)sender { [self startAnimation:kCATransitionReveal];}- (IBAction)button11_click:(id)sender { [self startAnimation:@"pageCurl"];}- (IBAction)button12_click:(id)sender { [self startAnimation:@"pageUnCurl"];}- (IBAction)button13_click:(id)sender { [self startAnimation:@"rippleEffect"];}- (IBAction)button14_click:(id)sender { [self startAnimation:@"suckEffect"];}- (IBAction)button15_click:(id)sender { [self startAnimation:@"cube"];}- (IBAction)button16_click:(id)sender { [self startAnimation:@"olgFilp"];}- (void)animationWillStart:(CAAnimation *)anim { NSLog(@"animationWillStart");}-(void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag { NSLog(@"animationDidStop");}
项目结构如下
运行截图
可以看到,fade和oglFilp是无效了,另外cameraIrisHollowOpen和cameraIrisHollowClose也是无效的。
还有当view旋转一定的角度之后,翻页动画也是有问题的。
- iOS CGAffineTransform 动画
- CGAffineTransform 动画
- iOS---CGAffineTransform
- IOS CGAffineTransform
- IOS CGAffineTransform
- iOS利用仿射变换(CGAffineTransform)制作动画效果
- IOS CGAffineTransform一些用法
- iOS CGAffineTransform属性
- iOS CGAffineTransform属性
- iOS CGAffineTransform属性
- iOS CGAffineTransform详解
- iOS CGAffineTransform属性
- iOS 官方文档 CGAffineTransform
- [IOS 开发] CGAffineTransform属性
- iOS CGAffineTransform属性
- iOS CGAffineTransform属性
- iOS形变之CGAffineTransform
- iOS CGAffineTransform简单应用
- Python学习笔记 —— 模块
- packet for query is too large <1781> 1024 >. you can change this value on the server by setting the
- 变量的初始化顺序
- 【上海交大OJ1061】小M的服务器
- Qt-configure配置选项
- iOS CGAffineTransform 动画
- MVC4.0 部署后css.js 失效
- RZC2512小功率 AC/DC 的 PWM 控制器IC RZC2512适配器IC
- c primer plus第4章总结:字符串和格式化输入输出
- 鄙人的网易博客整理(研究生一年级)- 关于vim学习曲线
- Cisco交换机初始化配置
- Django官方教程(一)
- OpenGL深入探索——点光源中的法向量计算
- php 运行环境搭建