O X do Xamarin Forms — Pop-ups

Thiago Bertuzzi
Sep 25, 2018 · 3 min read

Fala galera,

Tudo beleza?

Abrir um pop-up em um site pode significar que vou ganhou 100.000, ou descobrir como ganhar esse valor trabalhando de casa… Mas enquanto não temos a “sorte” desse pop-up em nossa vida , que tal poder implementar um com Xamarin.Forms ?

Felizmente existe um controle sensacional, para resolver isso o Rg.Plugins.Popup !

Então vamos aprender a implementa-lo! Bora!!!

Configurando o controle

Vamos ao bom e velho nuget e instalar o plugin Rg.Plugins.Popup :

Agora devemos fazer as configurações especificas por plataforma.

iOS

Vamos inicializar o plugin no AppDelegate.cs

Android

Praticamente igual do iOS mas na MainActivity.cs

No Android ainda podemos implementar na MainActivity.cs a possibilidade de tratar quando o botão voltar é pressionado. Basta dar um override no evento OnBackPressed() e copiar o código abaixo:

Muito bem!

Utilizando o Controle

Vamos criar uma pagina para ser nosso popup. Ele deve herdar do tipo PopupPage.

Assim teremos diversos eventos a nossa disposição :

Certo, agora vamos editar o Xaml :

Basicamente onde existia a ContentPage, foi alterar para pages:PopupPage. Este pages é declarado no namespace xmlns:pages=”clr-namespace:Rg.Plugins.Popup.Pages;assembly=Rg.Plugins.Popup” e utilizamos o namespace xmlns:animations=”clr-namespace:Rg.Plugins.Popup.Animations;assembly=Rg.Plugins.Popup” para as animações.

A tag pages:PopupPage.Animation, fica responsável pela configuração da animação de quando nosso popup aparece. Eu configurei de forma bem simples, apenas para dar um exemplo.

Existem diversas formas de configurar e você pode ver outros exemplos de propriedade clicando aqui.

Certo, agora que temos nosso popup. Vamos colocar uma mensagem na exibição:

Trabalhar na pagina de popup é o mesmo que utilizar uma contentPage normal. Todos os controles estão la para utilizarmos.

Agora na nossa pagina principal, vamos implementar a chamada do nosso popup. Vamos adicionar um botão simples e incluir a chamada do plugin :

Rodando :

É bem simples Não ? É possível colocar animações ate nos controles. para eles aparecerem. Este plugin é extremamente completo !

Existe um exemplo do criador do plugin demonstrando todas as funcionalidades e pode ser baixado clicando aqui .

A ideia foi apenas demonstrar um exemplo simples, pois varias pessoas me perguntam como adicionar popup em Xamarin.Forms.. esta ai minha recomendação!

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!

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

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