Generalidades

Como criar uma SplashScreen no tiene Android. | Por iamageo | Septiembre 2021

imagen

Nesse artigo vou explicar como criar uma tela de abertura no android, conhecida como SplashScreen utilizando una biblioteca Loti, desenvolvida pela Airbnb. También veremos como vantagens de utilizar uma animação feita no Lottie ao invés de uma imagem ou gif.

O Lottieé uma biblioteca para Android e iOS que utiliza animaciones de Adob ​​e After Effects exportadas como JSON com Bodymovin e como renderiza nativamente no celular!

Más ejemplos de animações podem ser vistas no Github

Mas, afinal, qual a vantagem de utilizar uma animação em JSON?

Abaixo estão listadas algumas vantagens de utilizar o json bodymovin ao invés de algumas outras opções disponíveis no market.

  1. sistema operativo GIF têm mais do que o dobro do tamanho de um JSON bodymovin e são renderizados em um tamanho fixo que no pode ser ampliado para corresponsal a telas grandes e de alta densidade.
  2. Como una secuencia PNG são ainda piores do que os GIF, pois seus tamanhos de arquivo costumam ser de 30 a 50 veceses o tamanho do bodymovin json e também não podem ser aumentadas.
  3. Dibujable Animación vectorial. Solicite más desempeño porque no se ejecutó RenderThread en vez de Thread principal.

Fundación santa Comósidas Pantalla de bienvenida, telas que são apresentadas ao usuário no primeiro instante em que abre uma aplicação, justamente para apresentarmos uma marca / logo, ou então realizamos algum tipo de pré prossamento que exige segundos para.

Nesse artigo seguiremos 4 passos para a criação da nossa tela de abertura, que são eles:

  1. Adicionar a Dependência do Loti Ao cuna
  2. maracuyá Animación Sin formato .json
  3. Gritar Actividad que será a nossa tela de abertura
  4. Adicionar animação ao diseño .xml

com o projeto android criado, vamos no build.gradle no módulo do projeto e adicionamos a seguinte linha e pressionamos Sincronizar.

implementation 'com.airbnb.android:lottie:4.1.0'

Para fazer o download de uma animação json utlizaremos o site Lottie Files, basta navegar até Descubrir> Animación gratuita e selecionar uma de seu gosto.

Descarga de muestra

Após o descargar ser concluído criaremos um paquete crudo para adicionar o arquivo, que ficará no seguinte caminho res / raw.

Ejemplo de pasta crudo

Criaremos uma nova activity com o nome SplashScreen sin cual ficará o codigo responsável por gerar um atraso na abertura.

Eventos de criação de uma

Feito isso, adicionaremos o seguinte código:

Alindo Noso Akiwo activity_splash_screen adicionaremos o código do exemlo do Lottie.

lottie_autoPlay: Booleano que define se a animação irá iniciar assim que a tela estiver carregada.

Aplicación: lottie_loop: Booleano que defina se an animação será ejecutada em loop.

Aplicación: lottie_rawRes: Informar animação a ser aplicada, a mesma deve estar no diretório raw.

A animação usada foi a seguinte

LEER  FitFood, tu app de salud.La salud es algo importante y debe... | Por Taufikurrahman Zahruddin Sutomo | Ene 2022

Publicaciones relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba