如何在 Windows 8.1 应用商店应用程序的设置弹出窗口中导航？

【问题标题】：How to navigate within settings flyout in Windows 8.1 Store app?如何在 Windows 8.1 应用商店应用程序的设置弹出窗口中导航？
【发布时间】：2014-02-09 14:04:47
【问题描述】：

我正在开发我的第一个 Win 8.1 商店应用程序，但在理解 SettingsFlyout 时遇到了一些麻烦。

感谢docs 为我的自定义设置创建弹出窗口并将它们添加到设置魅力中不是问题。

但是，我无法找出如何在 Flyout 中导航。我想创建在邮件应用程序中可以看到的以下行为：

从右侧滑动显示魅力
单击“设置”以显示设置窗格
点击帐户以显示“帐户列表弹出窗口”
在“帐户列表浮出控件”上单击一个帐户，显示其设置
所选帐户的设置显示在弹出窗口中
使用“后退”按钮可返回帐户列表

步骤 1-3 没问题。但是我如何管理其他步骤？如何将一个控制杆导航到设置的更深处并使用“返回”按钮再次向上？

【问题讨论】：

标签： windows-store-apps settings flyout charms-bar

【解决方案1】：

对于第 5 步，您可以执行类似的操作

var newFlyout = new AccountFlyout(id);
newFlyout.ShowIndependent();

现在您已完成第 5 步。

在 AccountFlyout.xaml.cs 文件中挂钩 BackClick 事件（在构造函数中），然后执行以下操作：

    void OnAccountFlyoutBackClick(object sender, BackClickEventArgs e)
    {
        // go back to the accounts list
        var listFlyout = new AccountsListFlyout();
        listFlyout.Show();
    }

现在单击帐户上的“返回”按钮将“返回”到“帐户列表”浮出控件。

是的，这对“MVVM”不是很友好（如果您在 VM 中执行导航，您必须了解 Flyouts，如果您在“代码隐藏”中执行此操作，则您不是 100% 符合 MVVM）但它在不产生不必要的复杂性的情况下完成工作:)

【讨论】：