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

知识点:CAReplicatorLayer;CABasicAnimation

效果如图:

类似播放音乐时音频高低起伏的动画重要步骤解析_第1张图片

重要步骤如下:

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

你可能感兴趣的:(类似播放音乐时音频高低起伏的动画重要步骤解析)