3

Animações Android com a lib Lottie Animation

#Kotlin #Android
Gustavo Souza
Gustavo Souza

Quem estiver interessado em colocar animações em seu aplicativo Android.


É muito simples.


Basta colocar as dependências da lib lottie no module.gradle:

def lottieVersion = "3.4.0"
implementation "com.airbnb.android:lottie:$lottieVersion" 

baixar o arquivo json da animação que você quiser, tem várias animações gratuitas. Crie um diretorio raw dentro da pasta res no Android Studio. Renomeie o arquivo baixado para animation e coloque lá na pasta raw.


Depois basta colocar esse código, no xml da página que você vai querer que apareça a animação:

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

Pronto, rode a aplicação para ver o resultado.


Dá para usar também na Web.


A página das animações é: https://lottiefiles.com/


Estou fazendo um aplicativo com os conhecimento que adquirir aqui, Android com Kotlin, usei uma animação na aplicação quem quiser dá uma olhada como ficou veja aqui:

https://youtu.be/HZ9aFey9C0Y


Quando o aplicativo estiver mais completo, estarei disponibilizando no meu github: https://github.com/gustavogss

2
27

Comentários (3)

0
Isaias Bueno

Isaias Bueno

11/06/2021 08:12

Muito obrigado pelas dicas!

0
Julio Lima

Julio Lima

08/06/2021 08:09

Muito bom, vi que da para usar na web tbm.

0
Lázaro Bonfim

Lázaro Bonfim

08/06/2021 04:22

Legal, vou usar bastante!! :D

Desenvolvedor Web Mobile

Brasil