189 8069 5689

Xamarin.Forms弹出对话框插件怎么实现

这篇文章主要介绍“Xamarin.Forms弹出对话框插件怎么实现”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Xamarin.Forms弹出对话框插件怎么实现”文章能帮助大家解决问题。

为伊州等地区用户提供了全套网页设计制作服务,及伊州网站建设行业解决方案。主营业务为成都网站制作、做网站、伊州网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

1.实现效果

Xamarin.Forms弹出对话框插件怎么实现

弹出动画 

2.业务场景

主窗口弹出登录或者其他小窗口时使用

3.编码实现

3.1 添加Nuget库

创建名为“App5”的Xamarin.Forms项目,添加Rg.Plugins.PopupNuget库:弹出框由该插件提供,看下图1.31M下载量,请放心使用。

Xamarin.Forms弹出对话框插件怎么实现

Rg.Plugins.PopupNuget插件 

3.2 工程结构

数个文件变动:

  1. 共享库中的MainPage:主窗口

  2. 共享库中的LoginPage:弹出的登录对话框

  3. MainActivity.cs:Android中需要注册上面的插件

  4. AppDelegate.cs:iOS中需要注册上面的插件

3.3 共享库中的MainPage

简单的一个按钮控件,点击模拟触发弹出登录窗口


            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            xmlns:d="http://xamarin.com/schemas/2014/forms/design"
            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
            mc:Ignorable="d"
            x:Class="App5.MainPage">

                   VerticalOptions="Center">
       

后台弹出登录窗口

private void ShowPopup(object o, EventArgs e)
{
   PopupNavigation.Instance.PushAsync(new LoginPage());
}


3.4 共享库中的LoginPage

登录窗口,引入弹出插件Rg.Plugins.Popup,设置弹出框动画


   xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
   xmlns:d="http://xamarin.com/schemas/2014/forms/design"
   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
   mc:Ignorable="d"
       
   xmlns:animations="clr-namespace:Rg.Plugins.Popup.Animations;assembly=Rg.Plugins.Popup"
   xmlns:pages="clr-namespace:Rg.Plugins.Popup.Pages;assembly=Rg.Plugins.Popup"
   x:Class="App5.Views.LoginPage">

   
                                         DurationOut="300"
                                  EasingIn="SinOut"
                                  EasingOut="SinIn"
                                  HasBackgroundAnimation="True"
                                  PositionIn="Center"
                                  PositionOut="Center"
                                  ScaleIn="1.2"
                                  ScaleOut="0.8" />
   


   
       
           
           
           
       

       
           

       
           
               
               
               
               
               
               
               
               
           

           
           
           
           


3.6 Android项目中的MainActivity.cs

Xamarin.Forms弹出对话框插件怎么实现

注册弹出插件 

3.7 iOS项目中的AppDelegate.cs

Xamarin.Forms弹出对话框插件怎么实现

关于“Xamarin.Forms弹出对话框插件怎么实现”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


分享文章:Xamarin.Forms弹出对话框插件怎么实现
URL地址:http://cdxtjz.cn/article/jccijg.html

其他资讯