iOS Lottie 적용하기(Swift 4.0)

@이원석 @장서현 Lottie 넣을 때 참고해~~

XCode project Resouces 파일에 LottieAnimationFile 이라는 폴더를 만들어놨어요

앞으로 디자이너분들께 jSON 파일 받으면 여기다가 import해주면 됩니다!!

똑같이 이 폴더 내에서도 본인 스토리보드명으로 하위 폴더 생성해서 사용해주세용~~

1️⃣ Lottie 애니메이션이 들어갈 뷰 프로퍼티는 그냥 UIView로 만듭니다!

2️⃣ 그 다음 Lottie Animation이 들어갈 subView를 하나 생성해서 원하는대로 애니메이션 속성을 정해준 다음에 아까 만들었던 UIView에 addSubView해주세요!

//MARK: - LottieAnimtaion 적용
    func makeLottieAnimation(animationName:String){
        

        let lottieAnimationView = AnimationView()
        
        // 적용할 파일 이름 적기 ( .json 확장자는 안적어도 됨!! ) 
        lottieAnimationView.animation = Animation.named(animationName)
        
        lottieAnimationView.frame = plantExplainAnimationView.bounds
        lottieAnimationView.backgroundColor = .clear
        
        lottieAnimationView.contentMode = .scaleToFill
        lottieAnimationView.loopMode = .loop
        
        // loopMode 방식 5개 !
        // playOnce : 한번만 돌고 끝남
        // loop : 처음부터 끝까지 반복
        // autoReverse : 애니메이션이 앞 뒤로 재생되고 멈출때까지 재생
        // repeat(특정숫자) : 특정숫자 값 만큼 반복
        // repeatBackwards(특정숫자) : 특정숫자만큼 뒤로 반복 ex) 2 면 앞뒤앞뒤앞 이렇게 실행됨.
        lottieAnimationView.play()
        plantExplainAnimationView.addSubview(lottieAnimationView)
    }

3️⃣ 원하는 곳에서 함수호출을 해주면 끝~

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e627e0a3-c311-4801-a73f-360a0aa0c164/RPReplay_Final1609761856.mp4