안드로이드 Lottie 사용하기!

요즘 개인 프로젝트를 진행할 때 UI요소들을 내가 원하는 대로 지정해서 사용하는 것에 흥미를 느껴

Lottie도 사용하게 되었습니다!

저도 블로그를 보고 많이 도움을 받았기 때문에 혹시나 저처럼 헤매는 사람이 있을 거 같아서 적어봅니다!!

 

 

 

1, 의존성 추가하기

 

implementation("com.airbnb.android:lottie:6.3.0")

이후 Sync Now를 클릭해줍니다

 

 

2, raw폴더 생성!

raw폴더 만들기

 

res에서 마우스 우 클릭후 raw파일을 만들어 줍니다!

이후 Lottie 사이트에서 마음에 드는 걸 골라 다운로드 받고

raw파일에 붙여넣어 줍니다!

raw파일에 넣어준다!

 

3, xml파일에 추가해보자!

Lottie 추가

 

위에 사진을 보면 저는 autoPlay와 rawRes를 사용했습니다

autoPlay는 바로 실행여부이고

rawRes는 파일 위치를 의미합니다!

(저는 처음 했을 때 rawRes를 적지 않고 실행하여 3시간동안 해맸습니다,,,,)

 

제가 사용하는 방법

 

저는 로그인을 성공하였을 때 Lottie를 보여줄 것이기 때문에 

현재는 Lottie를 가지고 있는 Layout의 Visibility를 gone으로 지정했고

로그인에 성공했을 경우 보이게 할 것 입니다!

 

 

4, 코드 작성

 

 

코드를 이렇게 작성하고 유효성 검사를 성공할 경우 Lottie가 play되게끔 했습니다!

 

 

 

구현 영상

로띠 사용법.mp4

5.19MB

 

 

느낀점

 

지금까지 대략 3~4번 사용해보았는데 요번에 블로그에 쓴 내용은 이번에 처음 사용해본 방법을 사용했습니다!

전에는 delay타임을 주어서 다음 화면으로 넘어가게 했었는데 

이번엔 listener를 만들어서 사용해보니 둘 다 장단점이 있는 거 같습니다!

저도 Lottie를 사용해보고 싶어서 블로그도 엄청 찾고 구글링도 엄청 찾았었는데

혹시나 저 같은 사람이 있다면 도움이 되셨으면 좋겠습니다 ㅎㅎ