O X do Xamarin Forms — Efeitos de Blur e Vibrancy para iOS

Image for post
Image for post

Fala galera,

Tudo beleza?

A dica de hoje por mais que seja sobre Xamarin.Forms é exclusiva para iOS.

Eita, mas como assim se é Xamarin.Forms porque só para iOS?

Muita gente mesmo programando para iOS ou Android acaba desenvolvendo seu app com Forms devido a preferir o sistema de navegação, o XAML entre outras funcionalidades que o framework oferece.

Sendo assim alguns Desenvolvedores criam pacotes e soluções que utilizam frameworks nativos das plataformas, como é o caso do Pacote Vibrancy.Forms que utiliza o UIKit do iOS e nos traz uma solução sensacional para quem quer criar efeitos de blur e vibrancy em nossos apps.

bora conhecer!

Image for post
Image for post

Vamos ao nuget instalar o Pacote Vibrancy.Forms e instalar em nossos projetos :

Image for post
Image for post

Em seguida no projeto iOS ( como disse acima esse pacote é apenas para iOS) vamos inicializar o pacote :

Pronto! Esta preparado para o uso!

Vamos adicionar algumas imagens na pasta Resources e sem seguida para nos ajudar criar uma classe chamada ImageResourceExtension.cs . Ela nos ajudara a utilizar Embedded Images (caso não saiba como funciona veja o artigo O X do Xamarin Forms — Imagens Embutidas (Embedded Images) .

Image for post
Image for post

Em seguida vamos utilizar o controle, para isso devemos utilizar o namespace : xmlns:vf=”clr-namespace:Vibrancy.Forms;assembly=Vibrancy.Forms” em seguida vamos criar nossa tela Xaml, para facilitar usei como o base do proprio Sample do Controle :

O Controle tem 2 propriedades :

BlurStyle que nos indica qual o estilo de Blur queremos aplicar Regular, Prominent, Light, ExtraLight, Dark, ExtraDark e se queremos Habilitar o Vibrancy ou não.

Em Seguida vamos rodar :

Com o Efeito de Blur na imagem embaixo do Menu :

Image for post
Image for post

Com o Vibrancy Ligado :

Image for post
Image for post

Bem legal não?

Ai você me pergunta e o Android? Bem isso eu vou te responder em um próximo artigo.

Caso queira ver um exemplo citado no artigo: Clique aqui.

Quer ver outros artigos sobre Xamarin ? Clique aqui.

Espero ter ajudado!

Aquele abraço!

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