简介
Xamarin.Forms提供了许多不同的页面导航体验,具体取决于所使用的页面类型
对于ContentPage实例,有两种导航体验:
Hierarchical Navigation
Modal Navigation
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 } };
示例代码
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 } };
示例代码