带有导航菜单的应用程序中带有 Pivot Page 的箭头键最初不起作用

Question

我知道您想查看代码，但显示此问题的最简单方法是在安装新 Windows Template Studio Extension 后创建一个新项目。注意：如果您以其他方式创建带有导航菜单的项目，问题仍然存在。

我创建了一个名为 "Test" 的新 Windows Template Studio 项目。

对于 "Project Type"：选择导航窗格（默认）。

对于 "Framework"：选择代码隐藏（默认）。

点击后"Next"

对于 "Pages (9) - Add Multiple" : 选择 Tabbed，保留默认名称 "Tabbed"。

单击 "Create" 按钮。

运行项目并导航至 "Tabbed" 页面。

使用向右和向左箭头键：没有任何反应（项目 1 不会更改为 项目 2）。

如果您单击 PivotItem Header，或者先在空白页上单击，则箭头键将起作用。

请注意，如果您使用 "Tab" 键，它将 select 并在第一个 PivotItem Header 下划线，箭头键也将起作用。

Microsoft News 应用程序是 Pivot 页面和导航菜单正常工作的示例。

Answer 1

这很可能是因为当您第一次导航到 Tabbed 页面时，Pivot 控件未获得焦点。所以你可以尝试在第一次加载时设置它。

public MainPage()
{
    InitializeComponent();

    MyPivot.Loaded += (s, e) => MyPivot.Focus(FocusState.Programmatic);
}

Arrow Keys with Pivot Page in app with a Navigation Menu don't initially work