美文网首页
类似播放音乐时音频高低起伏的动画重要步骤解析

类似播放音乐时音频高低起伏的动画重要步骤解析

作者: i0S_毛_宇 | 来源:发表于2015-09-15 22:43 被阅读0次

    知识点:CAReplicatorLayer;CABasicAnimation

    效果如图:

    重要步骤如下:

    1 创建CAReplicatorLayer,将其add到view中;设置anchorPoint为0,0

    2 创建一个CALayer,设置其position的y为父view.frame.origin.y + XX;

    3 创建CABasicAnimation(keyPath:"position.y"),并设置autoreverses为yes;

    4 将创建的BasicAnimation对象设置到创建的CALayer中;

    5 replicatorLayer.instanceCount = 3;// 设置个数

       replicatorLayer.instanceTransform = CATransform3DMakeTranslation(40, 0, 0);// 设置间距

      replicatorLayer.instanceDelay = 0.3;// 设置间隔时间

      replicatorLayer.masksToBounds =true; // 设置只显示区域内的;

    详情见 CALayer动画实践(二):CAReplicatorLayer的用法-CSDN.NET

    相关文章

      网友评论

          本文标题:类似播放音乐时音频高低起伏的动画重要步骤解析

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