[iOS] Lottie 라이브러리 설치방법 - 런치스크린 만들기_코드베이스

팀프로젝트 때 내가 맡은 부분은 구현이 끝나서

런치스크린이 있으면 좋을 것 같아 찾아 본 내용을 정리해본다. 

 

 

---

Lottie 라이브러리 

Lottie는 gif와 같은 애니메이션을 JSON 형식으로 에어비앤비에서 제공하는 라이브러리다. 

라이브러리를 import하는 방법은 코코아팟, 카르타고, SPM 등이 있지만

나는 개인적으로 SPM이 간단해서 이 방법으로 추가해보려고 한다. 

 

 

 

설치 방법

1. 공식 깃허브에서 링크 복사

https://github.com/airbnb/lottie-ios

 

 

 

2. project에서 packages에 추가해준다. 

 

 

 

 

 

3. Lottie 홈페이지에서 애니메이션 검색 후 파일 저장 

https://lottiefiles.com/

 

 

 

 

4. Xcode에서 Assets 하단에 JSON파일 추가 

 

 

 

5. import Lottie

 

 

 

---

코드

import Lottie

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        //런치스크린
        let animationView: LottieAnimationView = .init(name: "coffee") //JSON 파일명
        animationView.frame = self.view.bounds  //전체화면
        animationView.contentMode = .scaleAspectFit  //화면에 가득 차게
        
        self.view.addSubview(animationView)
        
        animationView.play{ (finished) in
            if finished {
                // 애니메이션이 종료되면 animationView를 제거
                animationView.removeFromSuperview()
                self.setupCoffeeListView()
            }
        }

    }
}

 

 

 

애니메이션 실행 

//이 메서드를 호출해야 애니메이션 실행이 됨

//방법1
 self.animationView.play()
 
 //방법2
  animationView.play {(finish) in
        	...
        }

 

 

애니메이션 재생 속도

// 애니메이션 0.5배속 재생
animationView.animationSpeed = 0.5
    
// 애니메이션 2배속 재생
animationView.animationSpeed = 2

 

 

 

애니메이션 반복 횟수

// 무한 실행
animationView.loopMode = .loop

// 1번만 실행
animationView.loopMode = .playOnce
        
// 2번 실행하고 종료
animationView.loopMode = .repeat(2)

 

 

 

실행 화면