Animações no Android com Motion Editor! Conhecendo essa nova ferramenta do Android Studio 4.0! ✨ Walmyr Carvalho Mobile Technical Leader @ idwall, Founder @ Kusudama Google Developer Expert, Android @walmyrcarvalho

Olá, pessoal! Meu nome é Walmyr Carvalho, muito prazer! :)

Trabalho com desenvolvimento Android há 10 anos e sou um Google Developer Experts de Android no Brasil há 4 anos. Além disso, estou muito próximo da comunidade nacional de Android, sendo organizador do Kotlin Meetup São Paulo e do Android Dev BR, a maior comunidade lusófona de Android do mundo, com mais de 6.900 pessoas! Também apoio o empreendedorismo nacional, sendo mentor de Android e mobile no Google for Startups Accelerator e na ACE Startups.

Já ajudei a evoluir produtos mobile para empresas como Loggi, 99, Cielo, CI&T, Hotel Urbano e Globo Esporte, durante mais de 9 anos de carreira como especialista em Android. Créditos: Google Play

Nesse ano fundei a Kusudama, um estúdio de desenvolvimento e design de produtos digitais para Android e iOS, que tem como seu objetivo criar experiências que tratem seus usuários com respeito dentro do universo mobile.

Recentemente me juntei ao grande time da idwall como Mobile Technical Leader, com o objetivo de criar a próxima plataforma de identidade digital brasileira no mobile, além de soluções para empresas que buscam aumentar a confiança na identificação dos seus usuários.

MotionLayout: Um jeito novo de animar no Android! ✨

O MotionLayout é uma subclasse do ConstraintLayout lançado em 2018 e que ajuda na construção de animações de maneira mais fácil e organizada! ❤

MotionLayout - Android Developers Documentação oficial do MotionLayout, com uma explicação detalhada do seu funcionamento e muitos exemplos de uso! tiny.cc/doc-motionlayout Créditos: Android Developers

Como eu faço para começar para utilizar o MotionLayout nos nossos projetos?!

build.gradle // Para utilizar o MotionLayout é necessário // fazer uso da biblioteca do ConstraintLayout dependencies { implementation 'androidx.constraintlayout:constraintlayout:2.0.0-beta6' }

Certo! Agora, precisamos criar um arquivo de layout do tipo MotionLayout no nosso projeto:

na pasta /res/layout: New > Layout Resource File

Feito! Após o arquivo de layout criado, você deve encontrar essa interface:

Créditos: Android Developers

Por padrão, o layout já nos trás um ConstraintSet inicial (start), um final (end) e uma Transition por padrão:

Créditos: Android Developers

É possível customizar e editar atributos do seu ConstraintSet pelo MotionEditor, diretamente:

Créditos: Android Developers

É possível customizar ou adicionar novas Transitions, além de suporte a triggers por gestos:

Créditos: Android Developers

É possível customizar as transições e seus comportamento através de Keyframes:

Créditos: Android Developers

Créditos: Android Developers

Após essa customização, você consegue prever a sua animação pelo Motion Editor também:

Créditos: Android Developers

Daora, né? ❤

Bora ver como o Motion Editor funciona na prática? ✨

Para a nossa demo, vamos precisar utilizar a versão 4.0 (estável) do Android Studio, já disponível para download!

Android Studio - Android Developers Página oficial do Android Studio developer.android.com/studio Créditos: Android Developers

Se eu quiser aprender mais sobre, onde eu posso encontrar material?

MotionLayout - Android Developers Site oficial com guias developer.android.com/training/constraint- layout/motionlayout/ Créditos: Android Developers

views-widgets-samples - GitHub Projeto open source criado pelo Google disponível no perfil do Android no GitHub, com vários exemplos de layouts feitos com MotionLayout! github.com/android/views-widgets-samples/ Créditos: Android Developers

Rebecca Frank (GDE, Android) - Blog Artigo escrito pela Rebecca Franks, GDE de Android, mostrando mais detalhes sobre o Motion Editor! riggaroo.dev/getting-started-with-the- motion-editor-in-android-studio-4-0/ Créditos: Rebecca Franks

Android Dev BR - Comunidade Maior comunidade lusófona de Android no Slack, com mais de 6.900 pessoas! ❤✨ androiddevbr.org

Perguntas? Ficou alguma dúvida?

Muito obrigado! Se tiver qualquer dúvida ou sugestão, pode falar comigo. ❤ @walmyrcarvalho /walmyrcarvalho [email protected]