.NET MAUI实战 Routing

1.详情

本章继续分享.NET MAUI中的路由,这个概念依旧是在Prism里存在过的概念。如果使用过Prism框架的小伙伴使用该机制上手速度是非常快的。接下来一起来看看什么是路由。

.NET 多平台应用 UI (.NET MAUI) Shell 包含基于 URI 的导航体验,该体验使用路由导航到应用中的任何页面,而无需遵循设置的导航层次结构。此外,它还能够向后导航,不必访问导航堆栈上的所有页面。.

.NET MAUI实战 Routing

本次分享内容:

1.路由导航

2.路由传值

2.详细内容

(1)路由导航

这里分享一个基础的路由使用大致分为两步:

1.路由注册

2.路由导航

MainPage.xaml.cs

.NET MAUI实战 Routing

public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
       Routing.RegisterRoute("Page1",typeof(NewPage1));
       Routing.RegisterRoute("Page2", typeof(NewPage2));
  }

private void BtnPage2_Clicked(object sender, EventArgs e)
{
Shell.Current.GoToAsync("Page1");
  }

private void BtnPage1_Clicked(object sender, EventArgs e)
{
       Shell.Current.GoToAsync("Page2");
  }
}

NewPage2.xaml.cs

.NET MAUI实战 Routing

public partial class NewPage1 : ContentPage
{
public NewPage1()
{
InitializeComponent();
}

private void BtnGoback_Clicked(object sender, EventArgs e)
{
       Shell.Current.GoToAsync("..");
  }
}

(2)路由传值

MainPage.xaml.cs

public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
       Routing.RegisterRoute("Page1",typeof(NewPage1));
       Routing.RegisterRoute("Page2", typeof(NewPage2));
  }

private void BtnPage2_Clicked(object sender, EventArgs e)
{
       //参数封装
       var navigationParameter = new Dictionary<string, object>
        {
          { "TempMessage", "yo juster!" }
        };
       //第一个参数路由名称,第二个参数参数内容
       Shell.Current.GoToAsync("Page1", navigationParameter);
  }

private void BtnPage1_Clicked(object sender, EventArgs e)
{
       Shell.Current.GoToAsync("Page2");
  }
}

NewPage1.xaml.cs

//需要继承IQueryAttributable接口,然后实现接收参数的方法
public partial class NewPage1 : ContentPage , IQueryAttributable
{
public NewPage1()
{
InitializeComponent();
}

private void BtnGoback_Clicked(object sender, EventArgs e)
{
       Shell.Current.GoToAsync("..");
  }

   //接收参数实现
public void ApplyQueryAttributes(IDictionary<string, object> query)
{
    //通过我们在MainPage封装好的参数字典。
 var msg = query["TempMessage"].ToString();
       DisplayAlert("Message",msg,"ok");
}
}

.NET MAUI实战 Routing

ref: https://docs.microsoft.com/zh-cn/dotnet/maui/fundamentals/shell/navigation