美文网首页
关键帧动画

关键帧动画

作者: 浪尘子 | 来源:发表于2017-01-08 01:30 被阅读0次

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent*)event

{

/*------让黄色视图移动三角形------*/

/**

*动画只是一个效果,并不会影响到视图本身的位置

* 1.在动画结束后,手动的移动视图的位置(动画代理)

* 2.了解:利用fillMode配合removeOnCompletion使用

*动画效果在使用完成后,默认是会被移除的

*当界面消失(按下Home键,或者是scrollView的内容被拖走了,看不到),动画是会被移除的

*将removeOnCompletion设置为NO,当动画完成了,也不会将它移除

*/

//实例化一个关键帧动画,绑定了要操作的属性

//使用transform.translation ,写错是不会崩溃,但没有动画效果

//使用Layer的position属性,也可以实现位移效果

CAKeyframeAnimation*animation = [CAKeyframeAnimationanimationWithKeyPath:@"position"];

// NSObject已经遵守了协议,代理方法直接从父类继承过来,直接重写即可

//    animation.delegate = self;

NSValue*value1 = [NSValuevalueWithCGPoint:CGPointMake(100,100)];

NSValue*value2 = [NSValuevalueWithCGPoint:CGPointMake(300,100)];

NSValue*value3 = [NSValuevalueWithCGPoint:CGPointMake(100,300)];

//关键帧数组,三角形的三个点(需要包装一下)

animation.values=@[value1, value2, value3, value1];

//配置其它的参数

animation.duration=2.0;

//无限重复

//    animation.repeatCount = MAXFLOAT;

//动画完成后是否被移除,默认是被会移除

animation.removedOnCompletion=NO;

//计算模式(根据duration来计算每个value,产生动画的效果)

// kCAAnimationLinear是默认,线性的计算

// kCAAnimationDiscrete不连续的动画效果

animation.calculationMode=kCAAnimationCubic;

//了解:填充模式, kCAFillModeForwards要配置动画移除

animation.fillMode=kCAFillModeForwards;

[_yellowView.layeraddAnimation:animationforKey:nil];

}

相关文章

  • HTML5动画

    关键帧动画 实现代码: 关键帧动画 *{ margin: 0; padding: ...

  • 抛物动画

    此动画在于运用 CAKeyframeAnimation 关键帧动画,以及贝塞尔关键帧动画 - (void)thro...

  • 前端——anmiation

    animation:;动画 设定动画方案:设定“关键帧”。 动画关键帧写在其他应用样式之前,当关键帧前用百分比表示...

  • iOS Animation创建及使用

    iOS 实现的基本动画 头尾式动画 2.block动画的方法 iOS显示关键帧动画 关键帧动画 动画的创建和使用 ...

  • CAKeyframeAnimation 关键帧动画

    CAKeyframeAnimation(关键帧动画) 关键帧动画就是在动画控制过程中开发者指定主要的动画状态,至于...

  • iOS 动画十:Layer Keyframe Animation

    Layer 上的 Keyframe 动画与 UIView 上的关键帧动画有些不同。UIView 关键帧动画是将独立...

  • Unity常见面试题(二)

    111. [动画系统]如何将其他类型的动画转换成关键帧动画? 动画->点缓存->关键帧 112. [动画]Unit...

  • iOS缩放动画

    //缩放动画 CAKeyframeAnimation(关键帧动画) //UIView动画方式

  • CAKeyframeAnimation

    关键帧动画

  • Css权威指南(4th,第四版中文翻译)-18.动画

    定义关键帧 Keyframes 主要的语法如下: 下面是几个简单的例子: 设置关键帧动画 动画的命名 关键帧选择器...

网友评论

      本文标题:关键帧动画

      本文链接:https://www.haomeiwen.com/subject/ynkqbttx.html