首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏進无尽的文章

    绘图-CAShapeLayer、CABasicAnimation以及核心动画

    这面这个例子就是使用 CAShapeLayer与UIBezierPath以及CABasicAnimation结合在一起,实现的动态画图。 ? CAKeyframeAnimation是CApropertyAnimation的子类,跟CABasicAnimation的区别是:CABasicAnimation只能从一个数值(fromValue)变到另一个数值 CABasicAnimation基础动画,通过keyPath对应属性进行控制,需要设置fromValue以及toValue。 CABasicAnimation提供了最基础的动画属性设置,是简单的keyframe动画性能。 CABasicAnimation可以看做是一种CAKeyframeAnimation的简单动画,因为它只有头尾的关键帧(keyframe)。

    3.7K30发布于 2018-09-12
  • 来自专栏全栈程序员必看

    炫酷动图让你从CABasicAnimation看到CATransition

    动画在iOS的开发中经常使用,它的介绍网上有很多,不再赘述,这里只提供一张图片: 从上图可以看出,CAAnimation是所有动画类的父类,但是我们不能直接使用这个父类,而应该使用它的子类——CABasicAnimation

    25220编辑于 2022-07-20
  • 来自专栏iOS 备忘录

    CABasicAnimation进入二级界面再回来不生效

    背景 发现之前同事写的某个界面有个动效, 起初进入的时候是生效的, 进入二级界面再返回动效就没了, 动画用的是CABasicAnimation, 添加在 layer 上面. override func didMoveToWindow() { layer.addSublayer(gradientLayer) let basicAnim = CABasicAnimation override func didMoveToWindow() { layer.addSublayer(gradientLayer) let basicAnim = CABasicAnimation

    41630编辑于 2023-10-16
  • 来自专栏滕先生的博客

    CAAnimation 核心动画概念一、 CAAnimation二、 CAPropertyAnimation三、CABasicAnimation(基本动画)CAPropertyAnimation的子类

    例子: CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position.y"]; 可修改的keyPath参数 keyPath参数 ---- 三、CABasicAnimation(基本动画)CAPropertyAnimation的子类 属性: fromValue : keyPath相应属性的初始值 toValue *animation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; animation.byValue = @( M_PI * 2); ---- 四、 CAKeyframeAnimation(关键帧动画)CAPropertyAnimation的子类 和CABasicAnimation的区别:CABasicAnimation 向组动画中添加各种子动画 // 2.1 旋转 CABasicAnimation *anim1 = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z

    2.4K90发布于 2018-05-18
  • 来自专栏岑志军的专栏

    iOS动画-定时对UIView进行翻转和抖动

    NSTimer scheduledTimerWithTimeInterval:3.f repeats:YES block:^(NSTimer * _Nonnull timer) { CABasicAnimation * rotationAnimation = [CABasicAnimation animation];; rotationAnimation = [CABasicAnimation *waitAnimation = [CABasicAnimation animation]; waitAnimation.toValue = [NSNumber numberWithFloat :1.0]; waitAnimation.duration = 3.f; waitAnimation.beginTime = 3.f; CABasicAnimation * shake = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; //设置抖动幅度 shake.fromValue

    1.5K60发布于 2018-05-28
  • 来自专栏码农的生活

    iOS常用的几个动画代码

    * shake = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; shake.fromValue = [NSNumber * shake = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; shake.fromValue = [NSNumber = @"auto"; [ballView.layer addAnimation:animation forKey:@"position"]; 4、组合动画 CAAnimationGroup CABasicAnimation *flip = [CABasicAnimation animationWithKeyPath:@"transform.rotation.y"]; flip.toValue = [NSNumbernumberWithDouble :-M_PI]; CABasicAnimation *scale= [CABasicAnimation animationWithKeyPath:@"transform.scale"]; scale.toValue

    75330发布于 2021-10-29
  • 来自专栏APP自动化测试

    再谈CAAnimation动画

    CAAnimaton动画分为CABasicAnimation & CAKeyframeAnimation CABasicAnimation动画, 顾名思义就是最基本的动画, 老规矩先上代码: //1.先创建一个要执行动画的 位移动画 CABasicAnimation *basicAnimation = ({ CABasicAnimation *animation = [CABasicAnimation 写的动画修改圆角的动画, 把一个正方形慢慢变成圆形 CABasicAnimation *basicAnimation2 = ({ CABasicAnimation *animation 关于UIBezierPath后面会再单独 然后我们说下动画组, CAAnimation是可以几个动画合并在一起的 上代码: //2.2 创建CABasicAnimation动画 CABasicAnimation *basicAnimation2 = ({ CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath

    1.2K30发布于 2019-10-15
  • 来自专栏向治洪

    iOS动画总结

    Core Animation Core Animation是一组非常强大的动画处理API,它的子类主要有4个:CABasicAnimation、CAKeyframeAnimation、CATransition 1.呼吸动画 CABasicAnimation *animation =[CABasicAnimation animationWithKeyPath:@"opacity"]; animation.fromValue * rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; //角度转弧度(这里用 CABasicAnimation * animationScale = [CABasicAnimation animation]; animationScale.keyPath = @"transform.scale "; animationScale.toValue = @(0.1); CABasicAnimation *animationRota = [CABasicAnimation animation

    1.3K80发布于 2018-02-06
  • 来自专栏coding...

    Objective-C 使用核心动画CAAnimation实现动画先来看看效果吧Demo地址

    动画效果.gif 整个核心动画就不多做介绍了,随便一搜就能有很多很详细的解释,主要使用以下四种 CABasicAnimation //经典动画 CAKeyframeAnimation 分解 看做两个view 一个是播放面板的小圆 一个是整个控制面板 播放面板的曲线运动 使用核心动画中的 CAKeyframeAnimation 播放面板的变大缩小、控制面板消失出现 使用CABasicAnimation //startView变小 - (void)startViewChangeSmaller { //设置一组动画 //变小 CABasicAnimation *animation1 = [[CABasicAnimation alloc] init]; animation1.keyPath = @"bounds"; animation1.toValue = [NSValue = [[CABasicAnimation alloc] init]; animation2.keyPath = @"cornerRadius"; animation2.toValue

    1.2K30发布于 2018-08-23
  • 来自专栏哈雷彗星撞地球

    iOS动画三板斧(二)--CoreAnimation动画介绍使用附加

    本篇只讲述CABasicAnimation、CAKeyframeAnimation、CAAnimationGroup的使用。 1.CABasicAnimation CABasicAnimation动画主要是设置某个动画属性的初始值fromValue和结束值toValue,来产生动画效果。 animation.gif CABasicAnimation *postionAnimation = [CABasicAnimation animationWithKeyPath:@"position.y fromValue和toValue 是CABasicAnimation的属性,都是id类型的,所以要将基本类型包装成对象。 animation.gif CABasicAnimation *rotationYAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.y

    1.6K40发布于 2018-08-22
  • 来自专栏梧雨北辰的开发录

    iOS动画-CAAnimation使用详解

    CABasicAnimation即基础动画,在指定可动画属性后,动画会按照预定的参数持续一定时间由初始值变换为终点值。 CABasicAnimation.gif 总结创建动画的两种方式如下: //方法1:实例化同时指定动画类型 CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"backgroundColor"]; //方法2:先实例化,再指定动画类型 CABasicAnimation *animation = [CABasicAnimation 其实,CABasicAnimation可看做是只有2个关键帧的CAKeyframeAnimation。 *basicAnimation = [CABasicAnimation animation]; basicAnimation.keyPath = @"backgroundColor";

    3.1K10发布于 2019-05-07
  • 来自专栏iOS进阶开发

    iOS开发UI篇--iOS动画(Core Animation)总结

    *anima = [CABasicAnimation animationWithKeyPath:@"position"]; anima.fromValue = [NSValue valueWithCGPoint 效果演示: 位移动画代码演示: //使用CABasicAnimation创建基础动画 CABasicAnimation *anima = [CABasicAnimation animationWithKeyPath *anima2 = [CABasicAnimation animationWithKeyPath:@"transform.scale"]; anima2.fromValue = [NSNumber numberWithFloat:0.8f]; anima2.toValue = [NSNumber numberWithFloat:2.0f]; //旋转动画 CABasicAnimation *anima3 = [CABasicAnimation animationWithKeyPath:@"transform.rotation"]; anima3.toValue = [NSNumber

    2.2K00发布于 2018-12-13
  • 来自专栏哈雷彗星撞地球

    iOS动画(补充)--特殊Layer动画

    *basicAnima = [CABasicAnimation animationWithKeyPath:@"transform"]; basicAnima.fromValue = [NSValue *opacityAnima = [CABasicAnimation animationWithKeyPath:@"opacity"]; opacityAnima.fromValue = @(0.3 ); opacityAnima.toValue = @(0.0); CABasicAnimation *scaleAnima = [CABasicAnimation animationWithKeyPath *opacityAnima = [CABasicAnimation animationWithKeyPath:@"opacity"]; opacityAnima.fromValue = @(0.3 ); opacityAnima.toValue = @(0.3); CABasicAnimation *scaleAnima = [CABasicAnimation animationWithKeyPath

    1.2K32发布于 2018-08-22
  • 来自专栏mukekeheart的iOS之旅

    iOS学习——核心动画

    CASpringAnimation是iOS9.0之后新增的类,它实现弹簧效果的动画,是CABasicAnimation的子类。 4、CABasicAnimation和CAKeyframeAnimation CABasicAnimation和CAKeyframeAnimation都是CAPropertyAnimation的子类,这两类动画有着相似的地方 独有) toValue 所改变属性的结束时的值(CABasicAnimation独有) byValue 所改变属性相同起始值的改变量(CABasicAnimation独有) values 关键帧数组对象 { CABasicAnimation *anim =[CABasicAnimation animation]; //设置缩放属性 anim.keyPath = @"transform.scale scaleAnim.toValue = @0.5; //平移 CABasicAnimation *Anim = [CABasicAnimation animation]; //

    1.6K50发布于 2018-08-01
  • 来自专栏向治洪

    ios动画

    Core Animation Core Animation是一组非常强大的动画处理API,它的子类主要有4个:CABasicAnimation、CAKeyframeAnimation、CATransition 1.呼吸动画 CABasicAnimation *animation =[CABasicAnimation animationWithKeyPath:@"opacity"]; animation.fromValue * rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; //角度转弧度(这里用 CABasicAnimation * animationScale = [CABasicAnimation animation]; animationScale.keyPath = @"transform.scale "; animationScale.toValue = @(0.1); CABasicAnimation *animationRota = [CABasicAnimation animation

    1.1K50发布于 2018-01-26
  • 来自专栏非典型技术宅

    iOS动画系列之四:基础动画之平移篇2. 创建不同速度控制的动画3. Swift版本的部分差异

    4, 实例化一个CABasicAnimation对象。 5, 设置动画属性为平移。 6, 设置动画的起始位置,从哪里到哪里。 7,设置动画的持续时间、填充模式、重复次数、设置代理。 *basicAni = [CABasicAnimation animation]; //设置动画属性 basicAni.keyPath = @"position"; 把layer添加到UIView的layer上 [self.view.layer addSublayer:layer]; return layer; } //创建动画 - (CABasicAnimation CGPoint)fromValue toValue:(CGPoint)toValue timingFunction:(NSString *)timingFunction{ //创建动画对象 CABasicAnimation *basicAni = [CABasicAnimation animation]; //设置动画属性 basicAni.keyPath = @"position";

    3.4K20发布于 2018-06-28
  • 来自专栏一“技”之长

    iOS开发CoreAnimation解读之四——Layer层动画内容

    因为我们没有办法直接改变transform3D中的属性,通过这个参数,可以帮助我们直接操作transfrom3D属性变化产生动画效果,举例如下,一个绕Z轴旋转的动画:  //绕z轴旋转的动画     CABasicAnimation  * ani = [CABasicAnimation animationWithKeyPath:@"transform"];     //从0度开始     ani.fromValue = @0;       * ani = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];     //从0度开始     ani.fromValue layer当前的值+byValue 4.CAKeyframeAnimation关键帧动画         CAKeyframeAnimation也是继承与CAPropertyAnimation的一个子类,其与CABasicAnimation 的不同之处在于虽然其都是改变layer层属性的动画,但是CABasicAnimation只能设置初始与结束状态,这之间我们没办法控制,而CAKeyframeAnimation可以让我们设置一些关键帧再整个动画的过程中

    1.3K10发布于 2018-08-15
  • 来自专栏HelloCode开发者学习平台

    swift动画 —— 颜色渐变以及转换动画

    这篇文章是通过结合使用CAGradientLayer、CABasicAnimation 以及CAAnimationDelegate来达到颜色渐变以及转换的动画, 下面是今天要达成的效果图: 首先创建一个 这里还是需要用到CABasicAnimation. 在gradient创建完之后,添加并调用一个方法animateGradient,在里面添加一个keyPath为colors的CABasicAnimation,设置动画时长为3s,设置结束值等一系列属性。 func animateGradient() { let gradientChangeAnimation = CABasicAnimation(keyPath: "colors") currentGradient = 0 } (滑动显示更多) 并修改gradientChangeAnimation的toValue: let gradientChangeAnimation = CABasicAnimation

    2.7K20编辑于 2022-01-14
  • 来自专栏雨尘分享

    iOS 动画基础总结篇

    autoreverses 动画结束时是否执行逆动画 fromValue 所改变属性的起始值 toValue 所改变属性的结束时的值 byValue 所改变属性相同起始值的改变量 */ //CABasicAnimation 最终不会修改其属性 只是为了做动画使用 // 设置需要修改的layer层属性 CABasicAnimation *basicAnimation = [CABasicAnimation animationWithKeyPath *transformAnima = [CABasicAnimation animationWithKeyPath:@"transform.rotation.y"]; transformAnima.fromValue 其实动画组合无非就是多种动画作用在一个view上面达到的效果 例如 组合动画.gif 动画组合 // 动画组合 CABasicAnimation *positionAnima = [CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.scale"]; // 动画选项设定 animation.duration

    1.5K50发布于 2018-06-07
  • 来自专栏APP自动化测试

    CAReplicatorLayer复制Layer和动画, 实现神奇的效果

    ; layer.cornerRadius = 15; [self.view.layer addSublayer:layer]; //创建一个透明度动画 CABasicAnimation * animation1 = [CABasicAnimation animationWithKeyPath:@"opacity"]; animation1.fromValue animation1.duration = 1.5; animation1.autoreverses = YES; //创建一个缩放动画 CABasicAnimation * animation2 = [CABasicAnimation animationWithKeyPath:@"transform.scale"]; animation2.toValue

    1.1K20发布于 2019-10-15
领券