iOS 애니메이션 을 이용 하여 볼 륨 진동 바 의 실현 을 모 의 합 니 다.

iOS 애니메이션 은 음량 진동 바 를 모 의 합 니 다.즉,CAReplicator Layer 를 이용 하여 이 루어 집 니 다.다음은 CAReplicator Layer 와 실현 방법 을 상세 하 게 소개 합 니 다.
볼 륨 바
효과 그림:

어떻게 실현 합 니까?
layer 3 개 를 만 들 고 Y 축 크기 조정 애니메이션 을 순서대로 재생 합 니 다.
CAReplicator Layer 를 이용 하여 실현
1.CAReplicator Layer 는 무엇 입 니까?
자신의 하위 층 을 복사 할 수 있 는 layer,그리고 복사 할 수 있 는 layer 와 원생 자 층 은 같은 속성,위치,변형,애니메이션 을 가지 고 있 습 니 다.
2,CAReplicator 레이 어 속성

instanceCount:자 층 총수(원생 자 층 포함)

4

instanceDelay:하위 애니메이션 복사 지연 시간

instanceTransform:복제 자 층 변형(원생 자 층 포함 하지 않 음)은 모든 복제 자 층 이 상대 적 으로 이전 이다

4.567917.instanceColor:하위 색상 은 원생 자 층 배경 색 과 충돌 할 수 있 으 므 로 둘 중 하 나 를 선택 하 십시오

instanceRedOffset,instanceGreenOffset,instanceBlue Offset,instanceAlphaOffset:색상 채널 오프셋,모든 복사 서브 층 은 상대 적 으로 이전 오프셋 입 니 다

CAReplicator Layer 를 이용 하면1.먼저 복사 layer 를 만 들 고 음악 진동 바 layer 를 복사 layer 에 추가 한 다음 하위 층 을 복사 하면 됩 니 다.

CAReplicatorLayer *layer = [CAReplicatorLayer layer];

 layer.frame = CGRectMake(50, 50, 200, 200);

 layer.backgroundColor = [UIColor lightGrayColor].CGColor;

 [self.view.layer addSublayer:layer];

2.먼저 볼 륨 진동 바 를 만 들 고 애니메이션 을 설정 합 니 다.애니메이션 은 아래쪽 을 돌 며 크기 를 조정 하고 닻 점 을 설정 합 니 다.

 CALayer *bar = [CALayer layer];

 bar.backgroundColor = [UIColor redColor].CGColor;

 bar.bounds = CGRectMake(0, 0, 30, 100);

 bar.position = CGPointMake(15, 200);

 bar.anchorPoint = CGPointMake(0.5, 1);

 [layer addSublayer:bar];

 CABasicAnimation *anim = [CABasicAnimation animation];

 anim.keyPath = @"transform.scale.y";

 anim.toValue = @(0.1);

 anim.autoreverses = YES;

 anim.repeatCount = MAXFLOAT;

 [bar addAnimation:anim forKey:nil];

3.서브 레이 어 복사

//   4   ，3    
 layer.instanceCount = 4;

 //            ，  x   40
 layer.instanceTransform = CATransform3DMakeTranslation(40, 0, 0);

 //              
 layer.instanceDelay = 0.3;

이상 의 CAReplicator Layer 에 대한 소개 와 CAReplicator Layer 를 이용 하여 음량 진동 바 를 모 의 하 는 인 스 턴 스 를 보 여 드 리 는 데 도움 이 되 기 를 바 랍 니 다.