O X do Xamarin Forms — TouchView

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!