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!
