O X do Xamarin Forms — TouchView

Thiago Bertuzzi
Jun 27 · 3 min read

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 :

Então vamos ver como utiliza-la :D

Configurando o controle

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

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

Pronto , agora é só utilizar :D

Utilizando o Controle

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 :

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 :

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”

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!

Thiago Bertuzzi

Written by

Microsoft MVP,Gamer, Desenvolvedor e apaixonado por tecnologia!

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade