O X do Xamarin Forms — TouchView

Image for post
Image for post

Fala Galera,

Beleza?

"Touch me … How can it be …Believe me …The sun always shines on TV" (Aha Feelings) .. OK não foi a melhor piada , mas vamos que vamos né?

Geralmente quando queremos que o usuário efetue uma ação confirmando uma entrada, um menu ou etc..

Utilizamos um botão simples. Quando queremos customizar um controle utilizamos um TapGestureRecognizer .

Porem existe um controle muito legal do Andrei Misiukevich que alem de facilitar nossa vida não precisando implementar o TapGesture , ainda adiciona animações .. Como assim ?

Ué com sua incrível TouchView :

Image for post
Image for post

Então vamos ver como utiliza-la :D

Image for post
Image for post

Vamos ao nuget baixar o pacote TouchView e instalar em todos os projetos :

Image for post
Image for post

Em seguida devemos adicionar no AppDelegate.cs e no MainActivity.cs a linha TouchEffectPreserver.Preserve(); para evitar que o Linker arranque o controle:

Image for post
Image for post

Pronto , agora é só utilizar :D

Para utilizar vamos em nossa MainPage.Xaml e declarar o namespace xmlns:touch=”clr-namespace:TouchEffect;assembly=TouchEffect” . Com isso temos acesso aos eventos do touch.

Em seguida vamos criar um frame bem simples com um label e adicionar o controle :

De forma simples adicionamos o <touch:TouchEff Completed=”Handle_Completed”/> ao Effects do Frame, agora quando o usuario tocar no label vai disparar o evento implementado no BackEnd :

Rodando :

Image for post
Image for post

Ate ai bem simples né?

Mas vamos animar(literalmente) as coisas . Vamos adicionar alguns effeitos que ja vem por padrão no controle :

Um pouco de animação de profundidade :

Image for post
Image for post

Ou inverter o controle quando for tocado :

Para isso antes vamos adicionar o namespace xmlns:forms=”clr-namespace:Xamarin.Forms;assembly=Xamarin.Forms.Core” e dar um Nome para nossa Page x:Name=”page”

Image for post
Image for post

O legal é que quando vc utiliza animações , pode ser utilizado um evento chamado AnimationStarted para saber quando a animação é iniciada :

E efetuar alguma ação que você queira.

Muito legal não?

Existem diversas outras propriedades nas animações, que podem ser conferidas no repositório do projeto clicando aqui.

Caso queira baixar o código utilizado no Exemplo: Clique aqui.

Quer ver outros artigos sobre Xamarin ? Clique aqui.

Espero ter ajudado!

Aquele abraço!

Written by

Microsoft MVP,Gamer, Desenvolvedor e apaixonado por tecnologia!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store