[내일배움캠프 앱트랙] 캠프 13주차 - 2/15(목) #Lottie

📝TIL

화면에 Lottie 애니메이션 표시하기

• 앱 로딩 화면에 ProgressBar 대신 움직이는 애니메이션을 넣기 위해 Lottie 라이브러리를 사용해보았다

📌참고자료: Lottie Animation in Android using Kotlin | Medium

(1) Lottie 애니메이션 준비

• LottiFiles에서 마음에 드는 애니메이션 찾아서 JSON 형식으로 다운로드
• Project res 디렉토리 안에 raw 디렉토리 생성 후, json 파일 저장

(2) Lottie 애니메이션 표시

• build.gradle(app)에 Lottie 라이브러리 dependency 추가하기

implementation 'com.airbnb.android:lottie:$lottieVersion'

• 레이아웃 xml 파일에 LottieAnimationView 추가하기

<com.airbnb.lottie.LottieAnimationView
    android:id="@+id/animation_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:lottie_rawRes="@raw/my_animation"
    app:lottie_autoPlay="true"
    app:lottie_loop="true" />

(3) Lottie 애니메이션 kotlin 코드로 제어하기

val animationView = findViewById<LottieAnimationView>(R.id.animation_view)
// Start playing the animation
animationView.playAnimation()
// Pause the animation
animationView.pauseAnimation()
// Resume the animation after it has been paused
animationView.resumeAnimation()
// Stop the animation and reset it to the beginning
animationView.cancelAnimation()