O X do Xamarin Forms — Pop-ups

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!