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

知识点: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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥ios动画全貌。在这里你可以看...
    每天刷两次牙阅读 8,572评论 6 30
  • Core Animation Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,...
    45b645c5912e阅读 3,056评论 0 21
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 5,141评论 5 13
  • 在iOS实际开发中常用的动画无非是以下四种:UIView动画,核心动画,帧动画,自定义转场动画。 1.UIView...
    请叫我周小帅阅读 3,155评论 1 23
  • 在那些过去的岁月里,整理着心情,妄想着圆满结局,于是,失望了,因为不是每个故事都会完美,太阳慢慢的下山了,尽管印满...
    月亮洒满徜徉阅读 1,243评论 0 0