gpt4 book ai didi

xamarin - 如何使用 MvvmCross 创建 MasterDetailPage?

转载 作者:行者123 更新时间:2023-12-01 08:48:17 25 4
gpt4 key购买 nike

我正在尝试使用 MvvmCross 开发 Xamarin.Forms 应用程序,我想使用 Hamburguer Menu (MasterDetailPage),但我不知道该怎么做。我尝试了不同的方法,搜索了教程和示例,但没有成功。谁能帮我?

最佳答案

正如您在这里看到的 MvvmCross Playground ,您应该首先创建一个 RootViewModel、MenuViewModel 和 FirstViewModel,例如。然后在您的 UI 文件夹中创建一个 RootPage、MenuPage 和 FirstPage。

您的 RootViewModel 应如下所示:

public class RootViewModel : BaseViewModel
{
private readonly IMvxNavigationService _navigationService;
public RootViewModel(IMvxNavigationService navigationService)
{
_navigationService = navigationService;
}

public override void ViewAppearing()
{
base.ViewAppearing();

MvxNotifyTask.Create(async ()=> await this.InitializeViewModels();
}

private async Task InitializeViewModels()
{
await _navigationService.Navigate<MenuViewModel>();
await _navigationService.Navigate<FirstViewModel>();
}
}

编辑: 我将导航移动到异步任务以避免使用异步无效。

xaml RootPage 必须实现 MvxMasterDetailPage:
<?xml version="1.0" encoding="UTF-8"?>
<views:MvxMasterDetailPage x:TypeArguments="viewModels:RootViewModel"
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:views="clr-namespace:MvvmCross.Forms.Views;assembly=MvvmCross.Forms"
xmlns:mvx="clr-namespace:MvvmCross.Forms.Bindings;assembly=MvvmCross.Forms"
xmlns:viewModels="clr-namespace:yournamespace.Core.ViewModels"
x:Class="yournamespace.UI.Views.RootPage"
Icon="hamburger.png">
</views:MvxMasterDetailPage>

和后面的 c# 代码使用这样的演示者:
[MvxMasterDetailPagePresentation(MasterDetailPosition.Root, WrapInNavigationPage = false)]
public partial class RootPage : MvxMasterDetailPage<RootViewModel>
{
public RootPage()
{
InitializeComponent();
}

protected override void OnAppearing()
{
base.OnAppearing();
}
}

MenuPage 必须是普通的 MvxContentPage 和 C# 代码在菜单页面上实现演示者:
[MvxMasterDetailPagePresentation(MasterDetailPosition.Master)]

FirstPage 也是 MvxContentPage 并且所有详细信息页面必须是:
[MvxMasterDetailPagePresentation(MasterDetailPosition.Detail, NoHistory = true)]

将无历史记录添加到主详细信息中的所有页面以防止导航返回错误。

编辑: 我忘记了,有一个错误,导航后菜单不会关闭,可能他们会在 MvvmCross 的第 6 版上修复,现在要修复它,您必须在执行导航之前将其粘贴到导航任务中:
if(Application.Current.MainPage is MasterDetailPage masterDetailPage)
{
masterDetailPage.IsPresented = false;
}
else if(Application.Current.MainPage is NavigationPage navigationPage && navigationPage.CurrentPage is MasterDetailPage nestedMasterDetail)
{
nestedMasterDetail.IsPresented = false;
}

关于xamarin - 如何使用 MvvmCross 创建 MasterDetailPage?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48980485/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com