Efeito acrílico/Glassmorphism no Xamarin.Forms

Mar 15, 2022

Quer adicionar lindos frames com Glassmorphism no seu app? Fica ai que eu te mostro como.

Esse lindo efeito vai ser possível graças ao pacote Sharpnado.MaterialFrame. Clique aqui para acessar o repositório dele no GitHub: https://github.com/roubachof/Sharpnado.MaterialFrame

Primeiro, vamos adicionar o pacote pelo gerenciador do Nuget em cada plataforma: PCL, iOS e Android.

Feito isso, acesse a classe AppDelegate.CS do projeto iOS e no método FinishedLaunching, adicione iOSMaterialFrameRenderer.Init(); para inicializar o pacote.

No Android não é necessario!

O próximo passo é adicionar o inicializar na classe App.cs do projeto PCL para que o esquema xaml do namespace funcione.

Como eu utilizo as mesmas propriedades desse frame personalizado em vários locais do meu projeto, eu criei um estilo lá no App.xaml.

Veja abaixo como utiliza-lo! Note que devemos implementar o namespace.