천소희

기록하는 개발자

업데이트:

카테고리:

/

태그: ,

LottieFiles

Json 파일 형태로 되어있는 어느 플랫폼이나 호환가능한 애니메이션 파일

사용법

  1. 의존성 추가

     implementation "com.airbnb.android:lottie:$lottieVersion"
  2. LottieFile 사이트에서 원하는 애니메이션 파일을 다운받아 res/raw 에 넣는다.

  3. xml 파일에 LottieFile태그로 추가

     <com.airbnb.lottie.LottieAnimationView
      android:id="@+id/animationView"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:lottie_url="REPLACE_JSON_URL" or
 		 app:lottie_rawRes="@raw/fingerprint_success"
      app:lottie_autoPlay="true"
      app:lottie_loop="true"/>
    • lottie_url : 이미지 경로
    • lottie_rawRes : 앱내의 raw 폴더에 저장한 경우에는 이 속성으로 작성한다.
    • lottie_autoPlay : 자동재생 여부
    • lottie_loop : 반복 여부

특정 애니메이션 시점에 동작을 추가하고 싶다면

binding.fingerprintAnimation.addAnimatorListener(object : Animator.AnimatorListener {
    override fun onAnimationStart(animation: Animator) {

    }

    override fun onAnimationEnd(animation: Animator) {

    }

    override fun onAnimationCancel(animation: Animator) {

    }

    override fun onAnimationRepeat(animation: Animator) {

    }

})

AnimatorListener 를 추가해서 직접 커스텀

만약 onAnimationStart 에 AnimationView를 visibilty 를 설정하는 로직을 둔다면 정상작동하지 않을 수 있다.

animation이 감지되야 실행되는 데 View.Gone인 상태에서는 아무것도 보이지 않아 감지할 수 가 없다.

참고