Meu plugin minha vida — Zoom em Imagens

Fala galera,

beleza?

A possibilidade de dar zoom em imagens e conteúdos foi uma novidade incrível apresentada pelo senhor Jobs. Utilizando o movimento "pinça" é possível esticar e reduzir um conteúdo na tela do seu smartphone.

Hoje em dia todos os apps que exibem algum conteúdo possuem essa funcionalidade, mas como fazer isso com Xamarin.Forms ?

A implementação é relativamente simples com o PinchGestureRecognizer .

Porem para facilitar ainda mais, implementei um simples plugin que pode resolver essa replicação de código toda vez que você precisar.

Então vamos conhecer o Xamarin.Forms.PinchZoomImage ! Que é a implementação simples do PinchGestureRecognizer.

Não fiz nada de mais, apenas reduzi o trabalho de precisar implementar essa funcionalidade toda vez no código :D

Bora!

Configurando o plugin

Vamos ao nosso querido nuget baixar o plugin Xamarin.Forms.PinchZoomImage :

Instale apenas no projeto principal.

Pronto sem mais configurações :D

Utilizando o Plugin

Agora em nossa page só precisamos adicionar o namespace : xmlns:pinch=”clr-namespace:Xamarin.Forms.PinchZoomImage;assembly=Xamarin.Forms.PinchZoomImage” e implementar o zoom :

basicamente temos 2 tags : <pinch:PinchZoom> Que é o plugin e a tag <pinch:PinchZoom.Content> que é o Conteúdo que sera aplicado o Zoom.

Estou utilizado o controle Image como exemplo, mas seria possível utilizar o FFImageLoading ou qualquer outro controle de conteúdo por exemplo.

Rodando e dando zoom :

Simples de implementar Não?

Sugiro que você execute no seu dispositivo para ver o efeito funcionando, é muito legal :D

Se quiserem podem baixar o exemplo utilizado clicando aqui.

Quer ver outros artigos sobre Xamarin ? Clique aqui.

Espero ter ajudado!

Aquele abraço!