JetPack Compose

Mini curso ministrado no Instituto Federal do Paraná

Transcript

1. Jetpack Compose mariofelesdossantosjunior.github.io
2. Mario Feles dos Santos Junior mario_feles@live.com mariofelesdossantosjunior.github.io Desenvolvedor Android (Blu Pagamentos)
3. O que é Jetpack Compose? "O Jetpack Compose é um kit de ferramentas moderno do Android para criar IUs nativas. Ele simplifica e acelera o desenvolvimento da IU no Android. Dê vida ao seu app rapidamente com menos código, ferramentas eficientes e APIs Kotlin intuitivas." by Google
4. Principais objetivos!
5. Empresas que vem utilizando! Referência
6. Paradigma Imperativo Em vários kits de ferramentas de IU imperativos orientados a objetos, a IU é inicializada instanciando uma árvore de widgets. Isso geralmente é feito inflando um arquivo de layout XML. Cada widget mantém o próprio estado interno e expõe os métodos getter e setter, que permitem que a lógica do app interaja com o widget. A Programação Imperativa se baseia em especificar os passos que um programa deve seguir para alcançar um estado desejado. Pelo fato de permitir o uso de procedimentos como estruturação, também é conhecido como Procedural.
7. Before & After Para criarmos uma simples aplicação com filtro de contatos e mostrar nome e foto precisamos de …. Fonte
8. Paradigma Imperativo
9. Paradigma Imperativo
10. Paradigma Imperativo
11. Sabe como isso ficaria com Jetpack Compose?
12. Paradigma Declarativo • A lógica do app fornece dados para a função de nível superior que pode ser composta. Essa função usa os dados para descrever a IU chamando outros elementos que podem ser compostos e transmitindo os dados apropriados para eles e para a hierarquia abaixo. • O usuário interagiu com um elemento da IU, acionando um evento. A lógica do app responde ao evento e, em seguida, as funções que podem ser compostas são chamadas automaticamente com novos parâmetros, se necessário.
13. Exemplos de funções composable e seus resultados
14. Conceitos básicos de layout do Compose O Jetpack Compose facilita muito o processo de projetar e criar a IU do app. O Compose transforma o estado em elementos da IU usando: 1. Composição de elementos 2. Layout dos elementos 3. Desenho de elementos
15. Conceitos básicos de layout do Compose
16. Componentes Compose (Material Design)
17. Estaremos usando a linguagem kotlin <3
18. Por que Kotlin? • Criada em 2011 pela JetBrains (criadora de IDEs famosas como IntelliJ IDEA, PyCharm, RubyMine, PHP Storm..) • Multiplataforma, Backend, Frontend, Android • Linguagem oficial/principal para desenvolvimento Android em maio de 2017 (Anunciado no Google I/O 2017) • Interoperável com JAVA • Null-safety • Open Source Versão 1.5.20
19. Vamos testar na prática! Nosso resultado final deverá ser um aplicativo de listagem de pokémons (Pokédex) https://github.com/mariofelesdossantosjunior/ifpr-compose
20. mariofelesdossantosjunior.github.io Referências https://developer.android.com/ https://material.io/components https://developer.android.com/jetpack/compose https://www.youtube.com/watch?v=HQcAWztBa6s&list=PLPs3nlHF eKTr6-G4IAC0pxoC8EfVY7qH9&index=1&ab_channel=DouglasMotta https://nglauber.medium.com/jetpack-compose-o-framework-de-ui-d o-android-para-os-pr%C3%B3ximos-10-anos-e19adf28e57e https://github.com/android/compose-samples Dúvidas?