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…”.

1

 

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

2

 

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

2

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

ezgif.com-video-to-gif (1)

 

Fade

ezgif.com-video-to-gif (2)

 

Heart

ezgif.com-video-to-gif (3)

 

Translate

ezgif.com-video-to-gif (4)

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.

icongithub

2 comentários em “Animações – Xamarin.Forms

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

w

Conectando a %s