Popup – Xamarin.Forms

Neste artigo veremos como implementar popups em aplicações Xamarin.Forms de uma maneira fácil e rápida.

 

ADICIONANDO O NUGET PACKAGE

Clique com o botão direito em cima de sua Solution e selecione “Manage NuGet Packages for Solution…”.

1

 

Digite “Rg.Plugins.Popup” e selecione o plugin como demonstrado na imagem a seguir.

2

 

Selecione todos os projetos e clique no botão “Install”.

2

PopupView.xaml

Adicione um arquivo do tipo ContentPage em seu projeto.

3

 

Referencie o plugin em seu arquivo xaml e troque “ContentPage” por “pages: PopupPage” como demonstrado a seguir.

<?xml version="1.0" encoding="UTF-8"?>
<pages:PopupPage
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="DemoPopup.PopupView"
xmlns:pages="clr-namespace:Rg.Plugins.Popup.Pages;assembly=Rg.Plugins.Popup">
<StackLayout Margin="18"
Padding="36"
HorizontalOptions="Center"
VerticalOptions="Center"
BackgroundColor="White"
HeightRequest="100"
WidthRequest="300">
<Label Text="Hello Xamarin.Forms!" HorizontalOptions="Center"
VerticalOptions="Center"/>
</StackLayout>
</pages:PopupPage>

view raw
PopupView.xaml
hosted with ❤ by GitHub

 

Observações: Lembre-se de alterar o Code-Behind removendo a herança de ContentPage.

C#

Para abrir o Popup criado no passo anterior, utilize o código a seguir.

PopupNavigation.PushAsync(new PopupView());

view raw
OpenPopup.cs
hosted with ❤ by GitHub

 

Resultado

ezgif.com-video-to-gif

 

Esse e todos os exemplos deste blog encontram-se disponíveis no GitHub.

icongithub

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google

Você está comentando utilizando sua conta Google. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s