您的位置:首页 > 产品设计 > UI/UE

UIView实现动画效果

2015-08-21 15:00 501 查看
http://blog.sina.com.cn/s/blog_5da93c8f0101qmsc.html

UIView类的很多属性都设计为动画,动画的属性是指当属性从一个值变成另外一个值时可以支持动画,同时通知UIKit需要执行什么样类型的动画,UIView对象支持动画的属性有如下几个:

frame属性:可以使用该属性改变尺寸和位置

bounds:改变尺寸

center:改变视图的位置

alpha:改变视图的透明度

backgroundColor:改变视图的背景

contentStretch:改变视图内容如何拉伸

IOS封装了Core Animation来是实现动画,Core Animation的最大好处是可以帮助Mac或者iPhone的开发者减少代码量。因为如果你想用Core Image或者Open GL实现界面的动画特效,其实也是可以的,主要是非常麻烦。而用Core Animation可以极大简化开发难度和减少代码量,IOS提供的核心动画编程接口,可以让编程人员以非常简单的方式实现炫目流畅的动画效果

翻转的动画

//开始动画

[UIView beginAnimations:@"wap view" context:nil];

//设置时常

[UIView setAnimationDuration:1];

//设置动画淡入淡出

[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

//设置代理

[UIView setAnimationDelegate:self];

//设置翻转方向

[UIView setAnimationTransition: UIViewAnimationTransitionFlipFromLeft forView:manImageView cache:YES];

//动画结束

[UIView commitAnimations];

旋转动画

创建一个CGAffineTransform transform对象 CGAffineTransform transform;

//设置旋转度数

transform = CGAffineTransformRotate(manImageView.transform,M_PI/6.0);

//动画开始

[UIView beginAnimations:@"rotate" context:nil ];

//动画时常

[UIView setAnimationDuration:2];

//添加代理

[UIView setAnimationDelegate:self];

//获取transform的值

[manImageView setTransform:transform];

//关闭动画

[UIView commitAnimations];

偏移动画

[UIView beginAnimations:@"move" context:nil];

[UIView setAnimationDuration:2];

[UIView setAnimationDelegate:self]; //改变它的frame的x,y的值 manImageView.frame=CGRectMake(100,100, 120,100);

[UIView commitAnimations];

翻页动画

[UIView beginAnimations:@"curlUp" context:nil];

[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];//指定动画曲线类型,该枚举是默认的,线性的是匀速的

//设置动画时常 [UIView setAnimationDuration:1];

[UIView setAnimationDelegate:self]; //设置翻页的方向

[UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:manImageView cache:YES];

//关闭动画

[UIView commitAnimations];

缩放动画

CGAffineTransform transform;

transform = CGAffineTransformScale(manImageView.transform,1.2,1.2);

[UIView beginAnimations:@"scale" context:nil];

[UIView setAnimationDuration:2];

[UIView setAnimationDelegate:self];

[manImageView setTransform:transform];

[UIView commitAnimations];

取反的动画效果是根据当前的动画取他的相反的动画

CGAffineTransform transform;

transform=CGAffineTransformInvert(manImageView.transform);

[UIView beginAnimations:@"Invert" context:nil];

[UIView setAnimationDuration:2];//动画时常

[UIView setAnimationDelegate:self];

[manImageView setTransform:transform];//获取改变后的view的transform [UIView commitAnimations];//关闭动画
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: