Xamarin.Forms 多界面显示

最新推荐文章于 2024-02-29 00:21:43 发布

tslids

最新推荐文章于 2024-02-29 00:21:43 发布

阅读量563

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/tsliuch/article/details/112704819

版权

Android 专栏收录该内容

74 篇文章 1 订阅

订阅专栏

以下主要内容转自：

https://developer.xamarin.com/zh-cn/guides/xamarin-forms/getting-started/hello-xamarin-forms-multiscreen/quickstart/

http://www.jianshu.com/p/d774921d1014

多界面示例（参考微软官方教程实现）：

1.参考“建立第一个App”创建一个工程

2.新建一个“Forms Xaml 页面”类型文件“CallHistoryPage”，

3.在 CallHistoryPage.xaml 中，添加如下代码

  <ContentPage.Padding>
    <OnPlatform x:TypeArguments="Thickness"
                iOS="20, 40, 20, 20"
                Android="20, 20, 20, 20"
                WinPhone="20, 20, 20, 20" />
  </ContentPage.Padding>


  <Label x:Name="lb" Text="第二个界面" />

4.在 App.xaml.cs 中初始化 App 构造函数中的属性，并将 MainPage 属性初始化为 NavigationPage。

    MainPage = new NavigationPage(new MainPage());

5.在 MainPage.xaml 中，在 StackLayout 控件末尾处添加 Button 控件。此按钮用于导航到呼叫历史记录页：

  <StackLayout VerticalOptions="FillAndExpand"
               HorizontalOptions="FillAndExpand"
               Orientation="Vertical"

               Spacing="15">

    <Button x:Name="callHistoryButton" Text="Call History" 
            Clicked="OnCallHistory" />

  </StackLayout>

6.在 MainPage.xaml.cs 中，添加如下代码

        public MainPage()
        {
            InitializeComponent();
            callHistoryButton.Clicked += (s,e) =>
            {
                OnCallHistory(s,e);
            };
        }
        async void OnCallHistory(object sender, EventArgs e)
        {
            await Navigation.PushAsync(new CallHistoryPage());

        }

运行效果如下：

多界面的相关知识

Xamarin.Forms 提供了内置导航模型，用于管理页面堆栈的导航和用户体验。此模型实现了 Page 对象的后进先出 (LIFO) 堆栈。若要从一个页面移动到另一个页面，应用程序会将新页面推送到此堆栈上。若要返回上一页，应用程序将从堆栈弹出当前页。

Xamarin.Forms 具有 NavigationPage 类，用于管理 Page 对象的堆栈。 NavigationPage 类还会将导航栏添加到页面顶部，此页面显示标题和平台相应的“返回”按钮，通过此按钮可返回上一页。

每个应用程序都有一个特殊页作为应用程序的入口（main page, or the home page, or the start page），Xamarin.Forms中由App的MainPage属性设置。

以下代码示例演示如何围绕应用程序的第一页包装 NavigationPage：

public App ()
{
    //...
    MainPage = new NavigationPage (new MainPage());
}

所有 ContentPage 实例都具有 Navigation 属性，可提供修改页面堆栈的方法。应仅当应用程序包括 NavigationPage 时，才调用这些方法。若要导航到 CallHistoryPage，则必须调用 PushAsync 方法，如下面的代码示例中所示：

async void OnCallHistory(object sender, EventArgs e)
{
    await Navigation.PushAsync (new CallHistoryPage());
}

这将导致新的 CallHistoryPage 对象推送到导航堆栈上。若要以编程方式返回原始页，CallHistoryPage 对象必须调用 PopAsync 方法，如下面的代码示例中所示：

await Navigation.PopAsync();

但是，在本应用程序中无需此代码，因为 NavigationPage 类将导航栏添加到页面顶部，此页面包括平台相应的“返回”按钮，通过此按钮可返回上一页。

INavigation介绍

下面这段还不太理解。

Xamarin.Forms中页面分为Modal pages(模态页面) 和 modeless pages(非模态页面)，跳转到一个新的页面可以通过PushAsync和PushModalAsync两个方法实现，两个方法均传入一个Page对象作为参数。同样提供了PopAsync和PopModalAsync两个方法返回前一个页面。PushAsync和PopAsync是对非模态页面的操作，PushModalAsync和PopModalAsync操作的是模态页面。PopToRootAsync方法表示回到导航栈低页面。RemovePage方法从导航栈中删除一个页面。InserPageBefore方法将一个page插入到指定page之前。通过这些方法操作Navigation Stack可以在不同Page间跳转。

INavigation还定义了两个IReadOnlyList<Page>类型属性ModalStack和NavigationStack，NavigationStack表示非模态页面的集合，PushAsync和PopAsync会改变NavigationStack的内容，ModalStack表示模态页面的集合PushModalAsync和PopModalAsync会改变ModalStack的内容，这两个属性不能直接修改，且提供了类似堆栈的功能。这两个集合不能混合跳转，非模态页面可以导航到模态页面但是模态页面不能导航到非模态页面。

如果用MainPage = new NavigationPage(new Page0());初始化App的MainPage属性运行应用程序，此时IOS平台中ModalStack为空，Android和Windows平台ModalStack包含一个元素（MainPage对应

NavigationPage实例）。三个平台中的NavigationStack集合包均含一个Page0的实例。