zoukankan      html  css  js  c++  java
  • Xamarin 页面跳转

    简介

    Xamarin.Forms提供了许多不同的页面导航体验,具体取决于所使用的页面类型
    对于ContentPage实例,有两种导航体验:

    Hierarchical Navigation
    Modal Navigation
    

    CarouselPage,MasterDetailPage和TabbedPage类提供了替代的导航体验
    更多资料:https://docs.microsoft.com/zh-cn/xamarin/xamarin-forms/app-fundamentals/navigation/?WT.mc_id=DT-MVP-5003010

    Hierarchical Navigation

    NavigationPage类提供了一种分层导航体验,用户可以根据需要在页面中进行导航,向前和向后导航
    该类实现导航作为Page对象的后进先出(LIFO)堆栈
    在分层导航中,NavigationPage类用于浏览一堆ContentPage对象
    要从一个页面移动到另一个页面,应用程序会将新页面推到导航堆栈上,在那里它将成为活动页面
    要返回到上一页面,应用程序将从导航堆栈中弹出当前页面,并且新的最顶端页面将成为活动页面

    根页面设置为NavigationPage

    添加到导航堆栈的第一个页面被称为应用程序的根页面
    在App中修改起始页的设置

    MainPage = new NavigationPage(new MainPage());
    

    跳转页面

    使用Navigation.PushAsync()方法

    Button StackLayoutDemo1Button = new Button();
    StackLayoutDemo1Button.Clicked += ((sender,e)=>
    {
        Navigation.PushAsync(new StackLayoutExample());
    });
    StackLayoutDemo1Button.Text = "StackLayout+Label";
    
    //内容
    Content = new StackLayout
    {
        //间距
        Spacing = 10,
        Children =
        {
            StackLayoutDemo1Button
        }
    };
    

    返回上一页

    使用Navigation.PopAsync()方法

    var backButton = new Button();
    backButton.Text = "返回";
    backButton.Clicked += ((sender,e) =>
    {
        Navigation.PopAsync();
    });
    
    //内容
    Content = new StackLayout
    {
        Spacing = 10,
        Children = { backButton }
    };
    

    示例代码

    https://github.com/zLulus/NotePractice/tree/dev3/Xamarin.Forms/XamarinDemo/XamarinDemo/XamarinDemo
    从MainPage->StackLayoutExample

    Modal Navigation

    A NavigationPage instance is not required for performing modal page navigation.
    执行Modal Navigation不需要NavigationPage的实例
    

    跳转页面

    使用Navigation.PushModalAsync()方法

    StackLayoutDemo1Button.Text = "StackLayout+Label";
    Button StackLayoutDemo1Button2 = new Button();
    StackLayoutDemo1Button2.Clicked += ((sender,e)=> {
        Navigation.PushModalAsync(new ListViewInStackLayout());
    });
    StackLayoutDemo1Button2.Text = "StackLayout+ListView";
    
    //内容
    Content = new StackLayout
    {
        //间距
        Spacing = 10,
        Children =
        {
            StackLayoutDemo1Button2
        }
    };
    

    返回上一页

    使用Navigation.PopModalAsync()方法

    var backButton = new Button();
    backButton.Text = "返回";
    backButton.Clicked += ((sender, e) =>
    {
        Navigation.PopModalAsync();
    });
    Content = new StackLayout
    {
        VerticalOptions = LayoutOptions.FillAndExpand,
        Children = { backButton }
    };
    

    示例代码

    https://github.com/zLulus/NotePractice/tree/dev3/Xamarin.Forms/XamarinDemo/XamarinDemo/XamarinDemo
    从MainPage->ListViewInStackLayout

  • 相关阅读:
    verilog RTL编程实践之四
    TB平台搭建之二
    hdu3466 Proud Merchants
    poj2411 Mondriaan's Dream (用1*2的矩形铺)
    zoj3471 Most Powerful
    poj2923 Relocation
    hdu3001 Travelling
    poj3311 Hie with the Pie
    poj1185 炮兵阵地
    poj3254 Corn Fields
  • 原文地址:https://www.cnblogs.com/Lulus/p/8179029.html
Copyright © 2011-2022 走看看