마법같은 애니메이션 Lottie 에 대해서

안드로이드 개발자들이 디자인과 애니메이션까지 손수 제작하기란 쉽지 않다.

물론 그런 능력자들도 많이 있기 마련이지만..

 

그래서 강력하지만 gif 에 비해 훨씬 가볍고 적용하기도 쉬운 Lottie 에서 설명해보려고 한다.

이 라이브러리는 주거대여 서비스로 유명한 에어비엔비에서 제작했다.

 

애프터 이펙트라는 디자인 툴에서 만든 애니메이션을 json 파일로 변환하여 넣어주기만 하면 바로 애니메이션이 앱에 작동한다.

 

json 파일이라 크기도 가볍다.

 

그럼 어떻게 적용하면 될까?

우선 코드를 보자.

 

bulid.gradle 에 라이브러리를 추가해준다. 

implementation 'com.airbnb.android:lottie:버전' // 로티

 

사용하고 싶은 화면에 아래처럼 객체를 생성한다.

var Lottieheart : LottieAnimationView? = null

실제로 사용하는 부분은

  Lottieheart = view2.findViewById(R.id.Lottie_heart) // xml과 연결
  Lottieheart.setAnimation("lf30_editor_yjixlnlv.json")// src/main/assets 폴더에 애니메이션 json
  //파일을 이렇게 불러온다.
  Lottieheart.progress = 0.0F // 초기 애니메이션 위치를 float 값으로 지정 해줄 수 있다.
  Lottieheart.playAnimation() // 애니메이션 실행, 따로 설정하지 않으면 애니메이션은 반복한다.
  //원하면 반복횟수를 지정할수도 있다.
  

 

끝이다.

너무 간단하다.

 

물론 더 다양한 활용 방법이 있겠지만 애니메이션의 시작지점, 반복횟수, 애니메이션 파일이름, 시작,정지만

적어줘도 충분히 사용할 수 있다.

 

그런데 나는 애프터 이펙트 쓸 줄 모르는데요 라고 질문하신다면

아쉬운대로 아래 홈페이지에서 멋진 디자이너분들이 무료로 제공하는 파일을 받아서 사용해도 괜찮다.

물론 상업적으로 이용한다면 사용해도 되는지 잘 알아볼 것!

lottiefiles.com/