Post on 23-Jan-2018
Xamarin.Forms
• Vai além do reaproveitamento de código de UI
• Framework com recursos poderosos
• Animations API
Importância das animações
• Captura do foco do usuário
• Dica do que irá acontecer se o usuário completar uma ação
• Distração de operações demoradas em background
• Relacionamento entre elementos
• Qualidade, detalhamento
Xamarin.Forms Animations
• Permite mudar propriedades visuais dos elementos
• Transforma as propriedades ao longo do tempo
• São Tasks, e awaitables
• ViewExtensions, Animation e AnimationExtensions
ViewExtensions
• Pode ser aplicado em qualquer View• TranslateTo (TranslationX e TranslationY)
• ScaleTo/RelScaleTo (Scale)
• RotateTo/RelRotateTo (Rotation)
• RotateXTo/RotateYTo (RotationX, RotationY)
• FadeTo (Opacity)
• CancelAnimations
Anchor
• É o ponto de referência do posicionamento do elemento
• Também é usado como ponto de referência para animação
• Sua posição é relativa• 0 é o ponto mais à esquerda
• 1 é o ponto mais à direita
Easing
• Funções de Easing nativas:• Linear (padrão)
• SinIn, SinOut, e SinInOut
• CubicIn, CubicOut, e CubicInOut
• BounceIn e BounceOut
• SpringIn e SpringOut
https://developer.xamarin.com/api/type/Xamarin.Forms.Easing/
Xamanimation
• Feito pela comunidade (@jsuarezruiz)
• Open source (GitHub)
• Permite declarar animações no XAML
• Algumas novas animações disponíveis
• Storyboard
Links e informações
• Documentação sobre Animações
• Livro Charles Petzold
• Xamanimation
• Lottie
• Lottie Files
• https://github.com/akamud/FormsAnimations