Compose by Jetpack - Yet another declarative UI Builder

Transcript

1. Compose by Jetpack Felipe Acerbi Yet another declarative UI builder
2. - Novo toolkit para construção de UIs nativas em Android (Parte da lib Jetpack) O que é Jetpack Compose - XML ---> Kotlin - Segue o padrão declarativo do Flutter e SwiftUI - Cópia do Flutter?
3. Compose Vs XML
4. Qual a motivação? 1. Simplificar (Listas, adapters, XML, leitura, compreensão) 2. Recomeçar (Legado, View class com 30.000 linhas, funcionalidades limitadas, quebrar apps atuais apps, não usar APIs privadas) 3. Material + Animações (Tooling melhorado no AS, facilidade, preview mais rápido e confiável) 4. Kotlin First (Uso de lambdas e coroutines, funções e integrações com código)
5. Como implementar? Activity Function Preview
6. Column
7. Row
8. Layout Complexo
9. UI + Logic @Model - nova anotação para Reactive UIs. O Compose usa um plug-in customizado do compilador do Kotlin para reinvocar as funções Composable quando os dados variáveis são alterados.
10. Retrocompatibilidade 1. @GenerateView – possível anotação para usar com findViewById e include. 2. ViewBinding – outro possível modo de integrar com código existente. 3. Reutilizar Nativos – outra possibilidade é usar componentes de layout como reativos.
11. project/build.gradle Prerrequisitos
12. app/build.gradle Prerrequisitos
13. Prerrequisitos 1. Android Studio – versão 4.0 Canary 2. API level – 21 ou maior
14. Situação Hoje Developer Preview | 0.1.0-dev02
15. Q&A | Trials
16. Contatos Felipe Acerbi feaacerbi@gmail.com https://github.com/feacerbi/
17. Referências What’s New In Jetpack Compose (Android Dev Summit ’19) https://www.youtube.com/watch?v=dtm2h-_sNDQ&list=PLWz5rJ2EKKc_xXXubDti2eRnIKU0p7wHd Understanding Compose (Android Dev Summit ‘19) https://www.youtube.com/watch?v=Q9MtlmmN4Q0&list=PLWz5rJ2EKKc_xXXubDti2eRnIKU0p7wHd Jetpack Compose Basics https://developer.android.com/jetpack/compose/tutorial
18. Obrigado!