iOS 7 Custom Transition: Como transformar a sua app

Apresentação feita no 2º Mobile Day Campinas: http://www.ciandt.com/card/2-mobile-day

Transcript

1. iOS 7 Custom Transition: Como transformar a sua app Salmo Junior
2. Quem sou eu? Formado em Ciência da Computação pelo Unifran em 2011. Pós-graduado pela Uni-FACEF em Gestão de Desenvolvimento de Software para Web e Mobile em 2013. Certificado PSM I - Scrum.org 4 Anos de experiência com desenvolvimento mobile. Atualmente sou engenheiro de software mobile na CI&T.
3. Contatos Email: salmo@ciandt.com Linkedin: linkedin.com/in/salmojr GitHub: github.com/salmojunior
4. Por que esse tema?
5. Custom Transition é um poderoso framework porém ainda é pouco difundido.
6. Introdução
7. Antes do iOS7 já era possível fazer transições customizadas, mas não havia suporte nativo, o que gerava: • Grande quantidade de código. • Dificuldade de reaproveitamento de código. • Muito tempo e trabalho para criar transições • Dificuldade de criar transições com integração em controladores de navegação nativos.
8. Com o iOS7 fazer transições customizadas passou a ter suporte nativo, gerando: • Flexibilidade • Agilidade • Fácil manutenção • Maior liberdade • ViewControllers limpas.
9. As classes de Custom Transitons do iOS7 nada mais são do que protocolos.
10. Elas são divididas basicamente por 5 partes Animation Controllers Interaction Controllers Transitioning Delegates Transitioning Contexts Transiton Coordinators 1 2 3 4 5
11. Transições suportadas • Animate • Interactive • Layout-to-Layout
12. Toda Custom Transition envolve 3 elementos • To ViewController • From ViewController • Um controller de animação
13. Para cada tipo de Controller de hierarquia (Navigation, TabBar, Modal, Child) a transição implementa um protocolo diferente, o que as vezes pode parecer meio confuso!
14. Como assim?
15. Dependendo do Controller de hierarquia utilizado, o fluxo inicial muda um pouco!
16. Navigation Controller
17. TabBar Controller
18. Modal Controller
19. Com o auxílio destes protocolos, é possível sobrepor as transições defaults.
20. Customizando um Modal
21. Para exibir um modal com transição customizada, é necessário implementar os seguintes protocolos: • UIViewControllerTransitioningDelegate • UIViewControllerAnimatedTransitioning • UIViewControllerContextTransitioning
22. A ViewController que implementa este protocolo é responsável por controlar e gerenciar a transição, passando para a transição a sua nova animação. UIViewControllerTransitioningDelegate
23. Protocolo responsável por informar qual a transição a ser usada e qual o tempo da animação. UIViewControllerAnimatedTransitioning
24. Responsável por conter os objetos como: • ToViewController • FromViewController • Container View *Ao final da animação é obrigatório dizer ao contexto que a animação terminou. UIViewControllerContextTransitioning
25. Fluxo da transição de um Modal
26. Passo a Passo
27. A View Controller
28. O Delegate
29. A Transição
30. A Transição
31. Na prática
32. Dica Para quem gostou e quiser praticar mais, as animações podem ser feitas usando UIDynamics, outro recurso bem legal do iOS7.
33. Dúvidas?
34. Obrigado!
35. Contatos Email: salmo@ciandt.com Linkedin: linkedin.com/in/salmojr GitHub: github.com/salmojunior