Rg.Plugins.Popup基本使用

Rg.Plugins.Popup简介

Rg.Plugins.Popup是Xamarin.Forms的一个弹出框插件。可以在Xamarin.Forms里轻松的实现弹出框的效果。支持android、IOS、UWP。

借用一张官网的图片

GitHub地址：https://github.com/rotorgames/Rg.Plugins.Popup

Rg.Plugins.Popup简单使用示例

Rg.Plugins.Popup有对应的demo，可以下载查看。这里简单做一个loading页面。

1. 安装Rg.Plugins.Popup。新版到发文章的时候还是beta版本，请选择安装beta版本。
2. 在android项目的 MainActivity.cs中、在IOS项目的 AppDelegate.cs、在UWP的 App.xaml.cs中的
   
   C#

   Xamarin.Forms.Forms.Init

   1	Xamarin.Forms.Forms.Init

   
   前添加
   
   C#

   Rg.Plugins.Popup.Popup.Init(this, bundle);

   1	Rg.Plugins.Popup.Popup.Init(this, bundle);

   
    
3. 建立一个 LoadingPopPage.xaml，页面继承自 Rg.Plugins.Popup.Pages.PopPage，里面添加一个 StackLayout，包含一个 ActivityIndicator和一个 Label。
   
   C#

   <?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" xmlns:pages="clr-namespace:Rg.Plugins.Popup.Pages;assembly=Rg.Plugins.Popup" x:Class="BookReader.View.LoadingPopPage"> <Frame VerticalOptions="Center" HorizontalOptions="Center" BackgroundColor="White"> <StackLayout Orientation="Horizontal"> <ActivityIndicator Color="Black" IsRunning="True" IsEnabled="True" /> <Label x:Name="LoadingMsg" FontSize="Large" VerticalTextAlignment="Center"></Label> </StackLayout> </Frame> </pages:PopupPage>

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

   <?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" xmlns:pages="clr-namespace:Rg.Plugins.Popup.Pages;assembly=Rg.Plugins.Popup" x:Class="BookReader.View.LoadingPopPage"> <Frame VerticalOptions="Center" HorizontalOptions="Center" BackgroundColor="White"> <StackLayout Orientation="Horizontal"> <ActivityIndicator Color="Black" IsRunning="True" IsEnabled="True" /> <Label x:Name="LoadingMsg" FontSize="Large" VerticalTextAlignment="Center"></Label> </StackLayout> </Frame> </pages:PopupPage>

   
   在 LoadingPopPage.xaml.cs里的构造函数中，我们给它赋值：
   
   C#

   public LoadingPopPage (string loadingMsg) { InitializeComponent (); LoadingMsg.Text = loadingMsg; }

   1 2 3 4 5

   public LoadingPopPage (string loadingMsg) {     InitializeComponent ();     LoadingMsg.Text = loadingMsg; }

   
   如果需要屏蔽安卓的返回键，或者对返回做其他操作，可以重写 OnBackButtonPressed。
   
   C#

   protected override bool OnBackButtonPressed() { return true; }

   1 2 3 4

   protected override bool OnBackButtonPressed() {        return true; }

   
   会屏蔽掉安卓的返回键。
4. 如果需要屏蔽安卓的返回键，还需要在 MainActivity.cs中添加
   
   C#

   public override void OnBackPressed() { if (Rg.Plugins.Popup.Popup.SendBackPressed(base.OnBackPressed)) { // Do something if there are some pages in the `PopupStack` } else { // Do something if there are not any pages in the `PopupStack` } }

   1 2 3 4 5 6 7 8 9 10 11

   public override void OnBackPressed()         {             if (Rg.Plugins.Popup.Popup.SendBackPressed(base.OnBackPressed))             {                 // Do something if there are some pages in the `PopupStack`             }             else             {                 // Do something if there are not any pages in the `PopupStack`             }         }

   
    
5. 调用PopPage的方式很简单，
   
   C#

   await Navigation.PushPopupAsync(new LoadingPopPage("正在加载，请稍后..."));

   1	await Navigation.PushPopupAsync(new LoadingPopPage("正在加载，请稍后..."));

   
   即可调起PopPage。如果使用MVVM，PageModel里没有Navigation，可以使用
   
   C#

   await PopupNavigation.Instance.PushAsync(new LoadingPopPage("正在加载，请稍后..."));

   1	await PopupNavigation.Instance.PushAsync(new LoadingPopPage("正在加载，请稍后..."));

   
   来调用。
6. 关闭PopPage的方式有三种。
   第一种是在PopPage里执行
   
   C#

   await Navigation.PopPopupAsync();

   1	await Navigation.PopPopupAsync();

   
   第二种是在调用的位置使用
   
   C#

   await PopupNavigation.Instance.RemovePageAsync(loadingPopPage); // 或者 await Navigation.RemovePageAsync(loadingPopPage); // loadingPopPage是Push之前new出来的，需要与PushPopupAsync中使用相同的对象

   1 2 3 4

   await PopupNavigation.Instance.RemovePageAsync(loadingPopPage); // 或者 await Navigation.RemovePageAsync(loadingPopPage); // loadingPopPage是Push之前new出来的，需要与PushPopupAsync中使用相同的对象

   
   第三种是关闭所有的弹出框对象
   
   C#

   Navigation.PopAllPopupAsync();

   1	Navigation.PopAllPopupAsync();