[Kotlin] 안드로이드 LottieAnimationView

어플리케이션을 만들다보면 기능도 중요하지만 사용자가 얼마나 사용하기 편하고 직관적이며 외관적으로 예뻐야한다

같은 것이라도 이쁘면 한번더 눈길이 가는법!

그래서 앱에 예쁜 아이콘이나 애니메이션이미지를 넣어서 시각적 효과를 높일 때 주로 로티를 사용한다.

airbnb에서 만든것이라고 하는데 숙박 예약어플에서 이런것도 만드는구나...!! 대박

json 형태로 안드로이드, IOS,  React Native에서 다양하게 사용할 수 있다고한다.

 

1. build.gradle에 추가

    implementation 'com.airbnb.android:lottie:3.7.0' //lottie 애니메이션

2. res파일밑에 raw디렉토리 추가하기ㅣ

 

3. 아래 링크에 들어가면 다양한 애니메이션이 있음 -> 다운로드 후 raw에 추가

https://lottiefiles.com/

 

4. xml에 추가하면 끝!

      <com.airbnb.lottie.LottieAnimationView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_gravity="left"
            app:lottie_autoPlay="true"
            app:lottie_loop="true"
            app:lottie_rawRes="@raw/heartbeat"/>

엄청 간단하지 않나요??? 로티를 이용해서 이쁜 어플을 만들어보세요~~

 

이렇게 완성~!