iOS常用的动画效果_第1页
iOS常用的动画效果_第2页
iOS常用的动画效果_第3页
iOS常用的动画效果_第4页
iOS常用的动画效果_第5页
已阅读5页,还剩1页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、property (weak, nonatomic) IBOutlet UIImageView *imageV;property (weak, nonatomic) IBOutlet UIView *testView; property (strong, nonatomic) CALayer * cclayer; 1、layer常用属性- (void)layerProperty    /设置view圆角,当view是imageView时需要注意/    self.testView.layer.cornerRadius = 50;/&#

2、160;   self.imageV.layer.cornerRadius = 50;/    self.imageV.layer.masksToBounds = YES;/    self.imageV.clipsToBounds = YES;       /阴影的设置    self.testView.layer.shadowOpacity = 1;/透明度    self.testView.

3、layer.shadowColor = UIColor redColorCGColor;/阴影颜色    self.testView.layer.shadowOffset = CGSizeMake(60, 10);/阴影的偏移    self.testView.layer.shadowRadius = 20;/阴影圆角    self.testView.layer.borderWidth = 10;/设置边框    self.testView.layer.borderColo

4、r = UIColor blueColorCGColor;/设置边框颜色 2、layer3D变换- (void)layerTransform3D    UIView animateWithDuration:1 animations:/        CATransform3D t = CATransform3DMakeTranslation(-100, 0, 0);/        CATransform3D t =

5、 CATransform3DTranslate(self.testView.layer.transform, -100, 0, 0);/多次移动的方式               CATransform3D t = CATransform3DRotate(self.imageV.layer.transform, M_PI_2, 1, 0, 0);       /  &

6、#160;     CATransform3D t = CATransform3DScale(self.imageV.layer.transform, 0.5, 2, 1);/        /        CATransform3D t = CATransform3DConcat(<#CATransform3D a#>, <#CATransform3D b#>);  &

7、#160;     self.imageV.layer.transform = t;    ;    3、手动创建layer- (void)creatLayer    self.cclayer = CALayer layer;    self.cclayer.backgroundColor = UIColor cyanColor.CGColor;    self.cclayer.bounds =

8、CGRectMake(0, 0, 100, 100);    /锚点(就是给layer的参照点, (0.0) 点表示左上点 (0.5,0.5)表示中心点)    self.cclayer.anchorPoint = CGPointMake(0, 0);    /position(这个位置移动的是坐标原点)    /self.cclayer.position = CGPointMake(100, 100);    self.view.layer a

9、ddSublayer:self.cclayer; 4、隐式动画- (void)layerHiddenAnimation    /layer隐式动画,只有非rootLayer才有隐式动画    CATransaction begin;    CATransaction setDisableActions:YES;/这个默认的就是yes 要使用动画的时候不用写出来    CATransaction setAnimationDuration:2;  &

10、#160; self.cclayer.position = CGPointMake(100, 100);    CATransaction commit;/提交动画    5、layerBaseAnimation- (void)layerBaseAnimation    CABasicAnimation * baseAnimation = CABasicAnimation animation;/    baseAnimation.keyPath = "po

11、sition"/    baseAnimation.toValue = NSValue valueWithCGPoint:CGPointMake(100, 100);       baseAnimation.keyPath = "transform.rotation"/使用系统的字符串来指定动画的类型    baseAnimation.toValue = (M_PI_2);    baseAnimation.dura

12、tion = 1;    baseAnimation.removedOnCompletion = NO;/动画结束之后是否移除动画后的场景    baseAnimation.fillMode = kCAFillModeForwards;/当前动画场景的填充效果(这和上一句是配合着用的)    /以上只是创建了一个layerBaseAnimation动画       self.imageV.layer addAnimation:baseAnimat

13、ion forKey:nil;/为imageV添加layerBaseAnimation 6、关键帧动画- (void)layerKeyFrameAnimation/    CAKeyframeAnimation * keyFrameAnim = CAKeyframeAnimation animation;/    keyFrameAnim.keyPath = "position"/    keyFrameAnim.duration = 3;/   

14、; NSValue * value0 = NSValue valueWithCGPoint:CGPointMake(0, 0);/因为默认的第一帧是没有动画效果的/    NSValue * value1 = NSValue valueWithCGPoint:CGPointMake(100, 100);/    NSValue * value2 = NSValue valueWithCGPoint:CGPointMake(200, 100);/    NSValue * value3 = NSValue

15、valueWithCGPoint:CGPointMake(200, 200);/    /    keyFrameAnim.values = value0,value1,value2,value3;/    /    keyFrameAnim.removedOnCompletion = NO;/    keyFrameAnim.fillMode = kCAFillModeForwards;/    self.ccla

16、yer addAnimation:keyFrameAnim forKey:nil;       /用贝塞尔曲线画一个路径    UIBezierPath * bezierPath = UIBezierPath bezierPathWithOvalInRect:CGRectMake(30, 100, 300, 200);    CAKeyframeAnimation * keyAnim = CAKeyframeAnimation animation;  &#

17、160; keyAnim.keyPath = "position"    keyAnim.path = bezierPath.CGPath;    keyAnim.duration = 2;    keyAnim.removedOnCompletion = NO;    keyAnim.fillMode = kCAFillModeForwards;    self.cclayer addAnimation:keyAnim fo

18、rKey:nil; 7、转场动画- (void)transitionAnimaion    /第一    _index +;    if (_index = 5)         _index = 1;        NSString * name = NSString stringWithFormat:"%d.png",_index; 

19、   self.imageV.image = UIImage imageNamed:name;    /第二    CATransition * transition = CATransition animation;    /第三    transition.duration = 1;    transition.type = "cube"/可以用的类型如下:    tran

20、sition.subtype = kCATransitionFromRight;    /第四    transition.removedOnCompletion = NO;    transition.fillMode = kCAFillModeForwards;    /第五    self.imageV.layer addAnimation:transition forKey:nil;    

21、0;     /*常用的转场效果(首字母小写)     typedef enum : NSUInteger      Fade = 1,                   /淡入淡出     Push,      &#

22、160;                /推挤     Reveal,                     /揭开     MoveIn,    

23、                 /覆盖     Cube,                       /立方体     SuckEffect, &

24、#160;               /吮吸     OglFlip,                    /翻转     RippleEffect,    

25、;           /波纹     PageCurl,                   /翻页     PageUnCurl,          

26、60;      /反翻页     CameraIrisHollowOpen,       /开镜头     CameraIrisHollowClose,      /关镜头     CurlDown,           

27、60;       /下翻页     CurlUp,                     /上翻页     FlipFromLeft,               /左翻转     FlipFromRight,              /右翻转   

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论