Animações – Xamarin.Forms

Neste artigo demonstro como você pode implementar animações em suas aplicações Xamarin.Forms.

 

 

ADICIONANDO O NUGET PACKAGE

Clique com o botão direito em cima de sua Solution e selecione “Manage NuGet Packages for Solution…”.

 

Digite “Xamanimation” e selecione o plugin como demonstrado na imagem a seguir.

 

Selecione todos os projetos e clique no botão “Install”.

Animações

Comece referenciando o plugin no seu Xaml.

xmlns:xamanimation=”clr-namespace:Xamanimation;assembly=Xamanimation”

Em seguida crie um StoryBoard dentro de ResourceDictionary com a animação desejada, segue alguns exemplos, para saber a lista completa de animações acesse:  https://github.com/jsuarezruiz/Xamanimation

• x:Key – O Nome da sua animação
• Target – Referência ao elemento que vai receber a animação.

Rotate

 

Fade

 

Heart

 

Translate

ContentPage

Adicione uma Image e um Button.
Dentro do Button crie um EventTrigger, para quando o usuário clicar no botão a animação seja acionada.

 

Veja como fica o Xaml completo utilizando a animação Translate.

 

Esse e todos os exemplos deste blog encontram-se disponíveis no GitHub.