十三 iOS之音量振动条

最新推荐文章于 2019-08-05 16:32:38 发布

iOS鸽子

最新推荐文章于 2019-08-05 16:32:38 发布

阅读量862

点赞数 1

分类专栏： iOS CoreAnimation 核心动画文章标签： ios 复制图层音量振动动画

本文链接：https://blog.csdn.net/gezi0630/article/details/78517639

版权

本文介绍了如何在iOS中实现音量振动条效果，通过两种方案：创建多个layer播放动画和利用CAReplicatorLayer复制图层。重点讲解了CAReplicatorLayer的工作原理和属性，并提供了实现振动条动画的核心代码。

摘要由CSDN通过智能技术生成

效果图

这里写图片描述

怎么实现

一种方案是，创建5个layer，按顺序播放y轴动画
第二种方案是，利用复制图层来实现

利用CAReplicatorLayer 实现

1、什么是CAReplicatorLayer？

一种可以复制自己子层的layer,并且复制出来的layer和原生子层有同样的属性，位置，形变，动画。

2、CAReplicatorLayer属性

instanceCount: 子层总数（包括原生子层）
instanceDelay: 复制子层动画延迟时长
instanceTransform: 复制子层形变(不包括原生子层)，每个复制子层都是相对上一个。
instanceColor: 子层颜色，会和原生子层背景色冲突，因此二者选其一设置。
instanceRedOffset,instanceGreenOffset,instanceBlueOffse,instanceAlphaOffset: 颜色通道偏移量，每个复制子层都是相对上一个的偏移量。

实现思路

1、首先创建好“复制图层”，和一个“音量振动条图层”，把“音量振动条图层”添加到 “复制图层”上

 //CAReplicatorLayer: 复制图层，可以把图层里面的所有子层复制
    CAReplicatorLayer * repL = [CAReplicatorLayer layer];

    repL.frame = _DGPlayView.bounds;

    [_DGPlayView.layer addSublayer:repL];