创建 XAML 启动页面并导航到选项卡式页面答案

【问题标题】：Create XAML Splash page and navigate to Tabbed page创建 XAML 启动页面并导航到选项卡式页面
【发布时间】：2018-05-09 15:52:20
【问题描述】：

我已经使用 MVVMLight 和关注 this article 设置了我的 XF 应用程序。

我现在想介绍一个 XAML 启动页面，通过将其分配给 App.xaml.cs 中的 MainPage 属性在启动时加载它。加载后，在启动页面中，我想做一些异步任务来初始化应用程序，即从 API 获取初始数据等。完成后，我想导航到 MainTabbed 页面。

我还没有编写初始化逻辑，所以我正在使用 Thread.Sleep 来模拟这个。

我阅读了很多文章并尝试了几件事，但我陷入了以下任一问题：

启动页面加载但未导航到选项卡式页面。
启动页面根本不加载并导航到选项卡式页面直接。

This article 是我遇到的最接近的，但我在释放信号量时似乎遇到了错误：

05-09 19:22:12.471 I/MonoDroid(14342): System.Reflection.TargetInvocationException: Exception has been thrown by the target of an invocation. ---> System.Threading.SemaphoreFullException: Adding the specified count to the semaphore would cause it to exceed its maximum count.
05-09 19:22:12.471 I/MonoDroid(14342):   at System.Threading.SemaphoreSlim.Release (System.Int32 releaseCount) [0x0004c] in <fcbf47a04b2e4d90beafbae627e1fca4>:0 
05-09 19:22:12.471 I/MonoDroid(14342):   at System.Threading.SemaphoreSlim.Release () [0x00000] in <fcbf47a04b2e4d90beafbae627e1fca4>:0

感谢有关上述内容的任何建议，或者如何使用 xaml 实现启动页面（如果这在概念上有意义的话），因为大多数文章都在本地项目中使用本地实现或图像。

提前致谢。

【问题讨论】：

标签： xamarin.forms navigation mvvm-light splash-screen

【解决方案1】：

好的！！所以我想通了导航，也不需要担心信号量。

以下步骤详细说明了答案：

在服务类或单独的类中创建长时间运行的方法，如下所示

public async Task LongRunning()
{
    //Write code to download data from an API or something.
}

创建一个“SplashPage.xaml”文件并将其分配给 App.cs 中的 MainPage 属性。这会将 SplashPage 设置为 NavigationStack 中的第一个或根页面。

如果按照link 使用 MVVMLight，则：

一个。创建一个 SplashViewModel.cs 文件。

b.在 SplashViewModel.cs 中，创建一个名为 Initialize 的私有 async void 方法，该方法具有以下代码：

private async void Initialize()
{
    //Need to await till the task is done. Very important
    await yourService.LongRunning();

    //Only after task is done should it navigate to next page
    NavigationService.NavigateTo(nameof(MainTabbedPage));
}

导航到 MainTabbedPage 后，MainTabbedPage 将成为导航堆栈中的第二个页面。这不应该是这种情况，因为第一个或根页面应该始终是 MainTabbedPage。此外，不需要再次导航到 SplashPage。为了解决这个问题，请将以下代码放在 MainTabbedPage 的 OnAppearing 事件中。
```
protected override void OnAppearing()
{
    base.OnAppearing();
    var splashPage = Navigation.NavigationStack[0];
    Navigation.RemovePage(splashPage);
}
```
这将从导航堆栈中删除 SplashPage 并将 MainTabbedPage 设置为根页面，然后再导航到任何其他页面。
如果您不使用 MVVMLight 而是直接在代码隐藏或其他东西中编写代码，则可以将步骤 3b 中的代码放在代码隐藏中 - SplashPage.xaml.cs 并且可以调用 Initialize 方法在构造函数中。

我花了很长时间才弄清楚这一点，所以我希望这在需要时有所帮助。

【讨论】：