WPF Tab 键导航

Question

我们有一个基于 WPF .NET 4.0 C# 的应用程序。我们根据 XML 定义（而不是 XAML）构建用户界面，但在底层我们使用 WPF 来呈现 UI。也就是说，在运行时，我们根据 XML 定义创建 WPF UI。

我们在选项卡导航方面遇到问题。我们为文本和组合框控件设置TabStop、TabIndex。
但选项卡导航不起作用。如何使选项卡导航适用于此布局？

Answer 1

WPF 将整个 UI 树视为单个选项卡范围。它并没有像您所期望的那样被分成更小的区域。这包括 UserControls 内的控件。

例如，如果您的

<StackPanel>
    <TextBox Name="TextBox1" />
    <MyUserControl />
    <TextBox Name="TextBox3" />
</StackPanel>

MyUserControl 看起来像这样，则

<MyUserControl>
    <TextBox Name="TextBox2"  />
</MyUserControl>

默认选项卡循环将为 TextBox1、TextBox2、TextBox3。这是因为未定义 TabIndex 属性，因此所有控件都按默认 Tab 键顺序运行，即它们添加到 UI 的顺序。

如果您在控件上设置 TabIndex（如下所示），

<StackPanel>
    <TextBox Name="TextBox1" TabIndex="1" />
    <MyUserControl TabIndex="2" />
    <TextBox Name="TextBox3" TabIndex="3" />
</StackPanel>

您的选项卡将更改为 TextBox1、TextBox3、TextBox2。这是因为 TextBox2 没有指定 TabIndex，因此采用默认值，并且在指定了 TabIndex 的所有其他控件循环通过后，它会被切换到。

我通常解决这个问题的方法是将 UserControl 内的控件的 TabIndex 绑定到 UserControl.TabIndex。

例如，将以下绑定添加到 UserControl 将使 Tab 循环再次正确

<MyUserControl>
    <TextBox Name="TextBox2" TabIndex="{Binding Path=TabIndex, RelativeSource={RelativeSource AncestorType={x:Type local:MyUserControl}}}" />
</MyUserControl>

我通常更喜欢在 UserControl 的 Loaded 事件中设置此绑定，而不必记住在所有控件上设置此绑定在用户控件内。我确信也有更有效的方法来做到这一点，但是问题并没有经常出现，让我坐下来花时间研究如何正确使用选项卡范围以避免这种解决方法。

Answer 2

您应该尝试在任一设备上设置 KeyboardNavigation.TabNavigation 附加属性您的 Tree 控件或 StackPanel 派生控件，如果您希望底部按钮也参与选项卡循环：

<controls:CustomStackPanel KeyboardNavigation.TabNavigation="Cycle">
 <Tree>
 ...
 </Tree>
</controls:CustomStackPanel>

您甚至可以结合您所使用的代码隐藏方法,我假设，当前正在尝试使用KeyboardNavigation.TabNavigation来控制树控件内的选项卡行为，以处理树控件外部的选项卡。

Answer 3

本身不是答案，但 WPF 选项卡非常繁琐。需要在 Xaml 中设置 TabNavigation、IsTabStop 属性并调整焦点范围。我花了几天时间尝试单独使用 Xaml 来正确进行制表符操作。我建议从 XML 开始 -> WPF 模型确实应该是 Xaml ->世界和平基金会！但我认为这是不可能的。

这是一个解决方法怎么样？您可以在生成的代码中处理制表符吗？如果您的 WPF 用户控件是由您自己的软件从您自己的 XML 生成的，那么我建议您将 TabOrder 元素放入您的 XML 中，然后使用它来连接 TabOut 事件。

查看下面的代码示例，在代码中强制执行移动操作（类似于 Tabbing）

// Creating a FocusNavigationDirection object to perform the tab operation
// values include Next, Previous, First, Last etc...
FocusNavigationDirection focusDirection = FocusNavigationDirection.Next;

// MoveFocus takes a TraveralReqest as its argument.
TraversalRequest request = new TraversalRequest(focusDirection);

// Gets the element with keyboard focus.
UIElement elementWithFocus = Keyboard.FocusedElement as UIElement;

// Change keyboard focus.
if (elementWithFocus != null)
{
    elementWithFocus.MoveFocus(request);
}

其次，连接到“可选项”控件的 KeyUp（或 PreviewKeyUp）事件，如果键是 Tab，则调用上面的代码以使焦点跳转到下一个元素。

上面的代码示例基本上将在代码中强制执行 WPF 应该立即执行的操作。正如其他发帖者建议的那样，我将检查您生成的 WPF 代码，看看 KeyboardNavigation.IsTabStop 和 KeyboardNavigation.TabNavigation 的值是什么

最好的问候，

Answer 4

尝试
KeyboardNavigation.TabNavigation="一次"