본문 바로가기
🍎 iOS/Third Party

[iOS/Library] Swift 로티 애니메이션 구현하기(Swift Lottie Animation)

by Fomagran 💻 2020. 3. 24.
728x90
반응형

우선 로티 홈페이지에 가서 원하는 애니메이션 파일을 찾는다.

Download JSON을 눌러서 저장해준다.

Xcode로 돌아와서 첫번째로 할 일은 podfile에

pod 'lottie-ios' 를 추가해주고

터미널로 가서 pot install을 해준다.

다운받았던 json파일을 추가해주고 이름을 설정해준다.

그리고 import Lottie를 해준 뒤

임의의 animationView를 설정해주고 초기화를 Lottie가 제공하는 AnimationView()로 해준다.

그리고 setup()메소드를 만들어서 

아래와 같은 코드를 넣어준다.

animationView.animation = Animation.named("설정해줬던 json파일의 이름")

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 func setup(){
        //animationView 크기가 view와 같게
        //어떤 jsonv파일을 쓸지
        animationView.animation = Animation.named("Coin")
        //화면에 적합하게
        animationView.contentMode = .scaleAspectFit
        //반복되게
        animationView.loopMode = .loop
        //실행
        animationView.play()
        //view안에 Subview로 넣어준다,
        view.addSubview(animationView)
    }
 
 
http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5text-decoration:none">Colored by Color Scripter

아래와 같이 애니메이션이 잘 작동된다.

728x90
반응형

댓글