WPF TreeView中的键盘导航 [英] Keyboard navigation in WPF TreeView

问题描述

我的TreeViewItem.Items数据模板包含2个文本框.当我在第一个文本框中按Tab键时，焦点将移到第二个文本框中.我想在第二个文本框上按Tab键时-将焦点放在下一个TreeViewItem子项上的第一个文本框上，如果有TreeViewItem没有下一个子项，则将焦点放在下一个TreeViewItem上的第一个子项上.该怎么做?

My TreeViewItem.Items data template contains 2 textboxes. When I press Tab key in first textbox, focus goes on second textbox. I want to when I press Tab on second textbox - focus going on first textbox on next TreeViewItem subitem and if there are TreeViewItem has not next subitem, focus goes on first subitem on next TreeViewItem. How to do that?

<TreeView Name="resultsTv" 
            ItemTemplate="{StaticResource excerciseResultDataTemplate}" 
            KeyboardNavigation.TabNavigation="Contained">
                <TreeView.ItemContainerStyle>
                    <Style>
                        <Setter Property="TreeViewItem.IsExpanded" Value="True"/>
                        <Setter Property="KeyboardNavigation.TabNavigation" Value="Contained"></Setter>
                    </Style>
                </TreeView.ItemContainerStyle>
            </TreeView>

<HierarchicalDataTemplate x:Key="excerciseResultDataTemplate" ItemTemplate="{StaticResource setDataTemplate}" ItemsSource="{Binding Sets}">
            <StackPanel Orientation="Horizontal" KeyboardNavigation.TabNavigation="Continue">
                <Label Content="{Binding Name}"></Label>
            </StackPanel>
        </HierarchicalDataTemplate>

<DataTemplate x:Key="setDataTemplate">
            <StackPanel Orientation="Horizontal" KeyboardNavigation.TabNavigation="Continue">
                <TextBox Width="50" Text="{Binding Weight}"/>
                <TextBox Width="50" Text="{Binding Repeats"/>
            </StackPanel>
        </DataTemplate>

推荐答案

我自己也遇到这个问题，因此我在互联网上进行了查找，仅看到有关WPF商业自定义控件的论坛帖子.但是，由于它们依赖WPF的通用容器设计，因此它们仍然可以工作:

Having this problem myself I looked this up on the internet and only saw forum posts about commercial custom controls for WPF. However, since they rely on the generic container design of WPF they still work:

将TreeView标记的KeyboardNavigation.TabNavigation属性设置为Contained，并在树中包括以下内容:

Set the KeyboardNavigation.TabNavigation property of your TreeView tag to Contained and include the following in your tree:

<TreeView.ItemContainerStyle>
    <Style TargetType="TreeViewItem">
        <Setter Property="KeyboardNavigation.TabNavigation" Value="Continue"/>
    </Style>
</TreeView.ItemContainerStyle>

这有三个问题. Shift-tab根本不起作用. (请参阅此问题.)此外，上下箭头键不会做很多事.而且我刚刚发现这样做可以处理MouseLeftButtonUp事件，这样就不会触发您自己的事件.

There are three problems with this. Shift-tab simply doesn't work. (See this question.) Additionally, the up and down arrow keys don't do much. And I just discovered doing this will handle the MouseLeftButtonUp event so that your own event won't be triggered.

这篇关于WPF TreeView中的键盘导航的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！