学习笔记(Maui 11 带参导航)
DailyPoetryM 项目(对应 P20 部分 P21 P22)
本节通过 DailyPoetryM 项目讲解导航服务
上一节重点讲述了 PagePoetryToday(今日诗词页)到 PageTodayDetail(今日诗词详情页)的导航,导航过程中不涉及传递参数;本节通过 PageResult(搜索结果页)到 PageResultDetail(搜索结果详情页)的导航学习导航过程中的参数传递。带参导航可以通过不同的技术手段实现,本节采用 QueryProperty 属性实现带参导航。
带参导航需要四个步骤:
- 新页面接收参数
- 旧页面发起导航并传递参数
- 注册导航页面
- 注册导航路径
1 新页面接收参数
1.1 ViewModelResultDetail 实现
接收参数是由 ViewModel 完成的。在中间库项目 DailyPoetryM.Library 的 ViewModels 文件夹中的添加类 ViewModelResultDetail,用来作为页面 PageResultDetail 的后台类。
public class ViewModelResultDetail : ObservableObject
{
private Poetry _Poetry;
public Poetry Poetry
{
get => _Poetry;
set => SetProperty(ref _Poetry, value);
}
}
属性 Poetry 用来接收传递过来的参数。QueryProperty 属性只能在 Maui 项目中使用,不能在 Library 项目上使用。所以在 Maui 主项目的文件夹 ViewModels 中添加代理类 ViewModelResultDetailProxy,实现 QueryProperty 传参。
[QueryProperty(nameof(Poetry), "parameter")]
public class ViewModelResultDetailProxy : ViewModelResultDetail
{
}
该类仅用来解决 QueryProperty 传参问题