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

3 min readJan 18, 2021

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!

Instalando o Pacote

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

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

Pronto! Esta preparado para o uso!

Utilizando o Pacote

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) .

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 :