usando efeitos, animações e transições no firemonkey
TRANSCRIPT
![Page 1: Usando efeitos, animações e transições no FireMonkey](https://reader035.vdocuments.site/reader035/viewer/2022081503/58a968ff1a28abfd648b5d5f/html5/thumbnails/1.jpg)
Embarcadero Technologies Copyright 2016
Usando Efeitos, Animações e Transições no FireMonkey
Fernando RizzatoLead Software Consultant, Latin America
![Page 2: Usando efeitos, animações e transições no FireMonkey](https://reader035.vdocuments.site/reader035/viewer/2022081503/58a968ff1a28abfd648b5d5f/html5/thumbnails/2.jpg)
Embarcadero Technologies Copyright 2016
AGENDA
Razões para utilizar Efeitos e Animações Princípios do FireMonkey Animações Interpolação Efeitos Transições Demos
![Page 3: Usando efeitos, animações e transições no FireMonkey](https://reader035.vdocuments.site/reader035/viewer/2022081503/58a968ff1a28abfd648b5d5f/html5/thumbnails/3.jpg)
Embarcadero Technologies Copyright 2016
RAZÕES PARA UTILIZAR EFEITOS E ANIMAÇÕES
Trazer vida para sua interface Tornar a aplicação mais interativa Manter a atenção dos usuários Adicionar acessibilidade em sua interface Tudo isso com pouco código e ótima performance!
![Page 4: Usando efeitos, animações e transições no FireMonkey](https://reader035.vdocuments.site/reader035/viewer/2022081503/58a968ff1a28abfd648b5d5f/html5/thumbnails/4.jpg)
Embarcadero Technologies Copyright 2016
PRINCÍPIOS DO FIREMONKEY
Qualquer objeto pode ser aninhado A maioria das propriedades numéricas são single/float
e podem ser animadas Position (X, Y), RotationCenter, Scale, Size (Height &
Width), Opacity, & RotationAngle Guia do Desenvolvedor VCL para FireMonkey
Robert Love, MVP https://www.youtube.com/watch?v=KkcplPOc_D8
![Page 5: Usando efeitos, animações e transições no FireMonkey](https://reader035.vdocuments.site/reader035/viewer/2022081503/58a968ff1a28abfd648b5d5f/html5/thumbnails/5.jpg)
Embarcadero Technologies Copyright 2016
ANIMAÇÕES
Modificam o valor da propriedade durante sua duração Inicio manual ou automático Opcionalmente adicione delay, loop, inverse, etc. Triggers
IsMouseOver, IsDragOver, IsFocused, IsVisible, IsPressed, IsChecked, IsSelected, IsExpanded
Eventos OnProcess & OnFinish Método Animate também pode ser utilizado
![Page 6: Usando efeitos, animações e transições no FireMonkey](https://reader035.vdocuments.site/reader035/viewer/2022081503/58a968ff1a28abfd648b5d5f/html5/thumbnails/6.jpg)
Embarcadero Technologies Copyright 2016
INTERPOLAÇÃO
Determina com que velocidade o valor muda ao longo do tempo Linear é padrão e muda a uma taxa constante
Linear, Quadratic, Cubic, Quartic, Quintic, Sinusoidal, Exponential, Circular, Elastic, Back, & Bounce
AnimationType controla como interpolação é aplicada (start vs end) In - A curva se aplica ao valor de partida da propriedade animada Out - A curva se aplica ao valor final da propriedade animada e
prossegue até o valor inicial InOut - A curva se aplica tanto ao valor inicial e final da propriedade
animada e tende ao ponto central
![Page 7: Usando efeitos, animações e transições no FireMonkey](https://reader035.vdocuments.site/reader035/viewer/2022081503/58a968ff1a28abfd648b5d5f/html5/thumbnails/7.jpg)
Embarcadero Technologies Copyright 2016
EFEITOS
Mais de 40 efeitos suportados pela GPU (sem contar os efeitos de transição)
Construídos a partir de shader filters da GPU Suporta gatilho opcional para ativar ou desativar
automaticamente Aplicam-se a imagens ou controles
![Page 8: Usando efeitos, animações e transições no FireMonkey](https://reader035.vdocuments.site/reader035/viewer/2022081503/58a968ff1a28abfd648b5d5f/html5/thumbnails/8.jpg)
Embarcadero Technologies Copyright 2016
TRANSIÇÕES
Mais de 20 efeitos de transição Um subconjunto dos efeitos padrões Alteram a imagem inicial (ou controle) na imagem alvo Propriedade progress representa percentual de aplicação Para controlar as transições, utilize MakeScreenshot para
capturar a imagem alvo
![Page 9: Usando efeitos, animações e transições no FireMonkey](https://reader035.vdocuments.site/reader035/viewer/2022081503/58a968ff1a28abfd648b5d5f/html5/thumbnails/9.jpg)
Embarcadero Technologies Copyright 2016 9
Mãos a Obra!
DEMOS
![Page 10: Usando efeitos, animações e transições no FireMonkey](https://reader035.vdocuments.site/reader035/viewer/2022081503/58a968ff1a28abfd648b5d5f/html5/thumbnails/10.jpg)
Embarcadero Technologies Copyright 2016
RECURSOS ADICIONAIS (1/2)
Documentação http://docwiki.embarcadero.com/RADStudio/Berlin/en/FireMonke
y_Animation_Effects http://
docwiki.embarcadero.com/RADStudio/Berlin/en/FireMonkey_Image_Effects
http://docwiki.embarcadero.com/Libraries/Berlin/en/FMX.Types.TInterpolationType
http://docwiki.embarcadero.com/RADStudio/Berlin/en/Using_FireMonkey_Animation_Effects
http://docwiki.embarcadero.com/RADStudio/Berlin/en/Using_FireMonkey_Image_Effects
http://docwiki.embarcadero.com/CodeExamples/Berlin/en/FMXAttachTAnimation_(Delphi)
![Page 11: Usando efeitos, animações e transições no FireMonkey](https://reader035.vdocuments.site/reader035/viewer/2022081503/58a968ff1a28abfd648b5d5f/html5/thumbnails/11.jpg)
Embarcadero Technologies Copyright 2016
RECURSOS ADICIONAIS (2/2)
Blogs http://monkeystyler.com/guide http://www.adug.org.au/technical/fmx/how-to-create-your-own-fir
emonkeyimage-filtereffect-to-use-with-firemonkey/
http://www.fmxexpress.com/tag/effect/
Livros https://
www.packtpub.com/application-development/delphi-cookbook-second-edition
![Page 12: Usando efeitos, animações e transições no FireMonkey](https://reader035.vdocuments.site/reader035/viewer/2022081503/58a968ff1a28abfd648b5d5f/html5/thumbnails/12.jpg)
Embarcadero Technologies Copyright 2016 12
OBRIGADO!Perguntas?Você pode me encontrar em:@[email protected]
Siga-nos emfb.com/DelphiBrasilfb.com/EmbarcaderoBR