将选项卡导航限制为 UI 元素

Question

我正在构建一个 UWP 应用。我目前正在努力使其更易于访问，因此我仅将其与键盘一起使用并使用 tab 键进行导航。

有时我会在整个屏幕上显示一个带有 2 个按钮的 UserControl，而将其余页面元素留在背景中。但是，如果我使用 tab 导航到这 2 个按钮，焦点会很快转到背景元素，这就是我要避免的。

我希望选项卡只关注我显示的用户控件中的这 2 个按钮。

我注意到一些框架元素（如 ContentDialog）会自动执行此操作，我希望有相同的行为。

关于如何限制 UserControl 中的选项卡导航的任何想法？

Answer 1

当您显示UserControl 时，您可以通过将背景中存在的元素的IsTabStop 依赖属性设置为false 来触发对布局的修改。

或者您也可以禁用背景中的元素，但这也会修改控件的外观，这可能不符合您的特定意图。

• 如果有多种元素需要有它的 IsTabStop 设置为 false，而不是定义标识符 带有x:Name 的属性，并且必须在 代码隐藏，我建议循环通过布局Children 依赖属性并以这种方式修改控件属性。

更新：

我完全误解了你的要求。重新阅读后，我了解您的目标是什么，并且根据文档，这些目标似乎是可以实现的！

查看Tab Navigation here 和Control Group 文档，表明您可以使用API​​ 的以下属性自定义控件导航：

XYFocusKeyboardNavigation 启用箭头键导航 控制

TabFocusNavigation表示是否有多个tab 停止或单个制表位

FindFirstFocusableElement 和 FindLastFocusableElement 使用 Home 键将焦点放在第一个项目上 和最后一个带有 End 键的项目

查看模板，我们看到为 ContentDialog 定义的以下 VisualState：

<VisualState x:Name="DialogShowing">
    <VisualState.Setters>
        <Setter Target="LayoutRoot.Visibility" Value="Visible" />
        <Setter Target="BackgroundElement.TabFocusNavigation" Value="Cycle" />
    </VisualState.Setters>
</VisualState>

当显示对话框并将TabFocusNavigation 依赖属性设置为Cycle 时会出现这种视觉状态，这意味着所有子项将获得一次焦点，并且在设置属性时选项卡导航将循环这边走。

在上面的链接中，文档很棒，每个可能的值都有一个图形表示，可以为TabFocusNavigation 设置。

UserControl 没有按预期工作的原因是它的导航行为遵循 Local 场景的约定。