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

2314 단어 IOSCAReplicatorLayer
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 를 이용 하여 음량 진동 바 를 모 의 하 는 인 스 턴 스 를 보 여 드 리 는 데 도움 이 되 기 를 바 랍 니 다.
    IOS 제스처 조작(드래그,반죽,회전,점 누 르 기,길 게 누 르 기,가볍게 쓸 기,사용자 정의)
    springboot+my batis-plus 두 가지 방식 으로 sql 문 구 를 인쇄 하 는 방법

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage