为什么TreeView之间/内部的Tab顺序不起作用?

时间:2013-05-08 09:52:50

标签: wpf treeview

我有一个跟随xaml的窗口:

<Window x:Class="TestDemoApp.TreeViewWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="TreeViewWindow" Height="300" Width="300">
    <Window.Resources>
        <Style TargetType="Control" x:Key="FocusedStyle">
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Rectangle StrokeThickness="1"
                              Stroke="Red"
                              StrokeDashArray="1 2 3 4"
                              SnapsToDevicePixels="true"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style TargetType="TreeViewItem">
            <Setter Property="IsTabStop" Value="True"/>
            <Setter Property="Focusable" Value="True"/>
            <Setter Property="FocusVisualStyle" Value="{StaticResource FocusedStyle}"/>
            <Setter Property="KeyboardNavigation.TabNavigation" Value="Continue"/>
        </Style>
        <Style TargetType="ListViewItem">
            <Setter Property="IsTabStop" Value="True"/>
            <Setter Property="Focusable" Value="True"/>
            <Setter Property="FocusVisualStyle" Value="{StaticResource FocusedStyle}"/>
            <Setter Property="KeyboardNavigation.TabNavigation" Value="Continue"/>
        </Style>
    </Window.Resources>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <ListView TabIndex="1" BorderThickness="5" Focusable="True" IsTabStop="True" KeyboardNavigation.TabNavigation="Continue" FocusVisualStyle="{StaticResource FocusedStyle}">
            <ListViewItem TabIndex="2" Content="List Item 1"/>
            <ListViewItem TabIndex="3" Content="List Item 2"/>
        </ListView>

        <TreeView TabIndex="6" BorderThickness="5" Focusable="True" IsTabStop="True" KeyboardNavigation.TabNavigation="Continue" Grid.Row="1" FocusVisualStyle="{StaticResource FocusedStyle}">
            <TreeView.Items>
                <TreeViewItem TabIndex="7" Header="Tree Item 1">
                    <TreeViewItem Header="Tree Item 11"></TreeViewItem>
                    <TreeViewItem Header="Tree Item 12"/>
                </TreeViewItem>
                <TreeViewItem Header="Tree Item 2">
                </TreeViewItem>
            </TreeView.Items>
        </TreeView>
    </Grid>
</Window>

运行程序时,Tab键顺序为:

1. List View
2. List Item 1
3. List Item 2
4. Tree View
5. Tree Item 1
6. Tree Item 2

7. List View (#1)
8. List Item 1 (#2)
9. List Item 2 (#3)
10. Tree Item 2 (6#)

11+ Repeat #7 - #10

预期的行为是在进一步迭代时会从#1到#6重复,但是在任何后续迭代中它会跳过#4和#5。

这是为什么?我该如何解决?

1 个答案:

答案 0 :(得分:3)

哇,这是UGLY。 WPF树视图是我在这么多方面最喜欢的形容词目标,但我之前没有遇到过这个特殊问题。

对于Continue,我认为你不能比KeyboardNavigation.TabNavigation做得更好,唯一的另一种可能性是Local,这也不起作用。见this msdn article。此外,项目上的Cycle和控件上的Continue等组合也没有为我提供所需的结果。

很明显,当焦点返回到列表视图时,所选项目将保留在树视图中,并且当树视图下次获得焦点时,它会将焦点直接传递给先前选择的项目(树项目2),这与列表视图,它保留选择但首先正确地聚焦控件,然后是项目。

因此,一个可能对您有用的快速而肮脏的黑客是在树视图失去焦点时从树视图中删除选择。不幸的是,每当所选项目发生变化时,事件都会触发,但黑客仍然会工作。

<TreeView (...) LostFocus="TreeView_LostFocus">
代码背后的代码:

private void TreeView_LostFocus(object sender, RoutedEventArgs e)
{
    TreeView tv = (TreeView)sender;
    TreeViewItem item = tv.SelectedItem as TreeViewItem;
    if (item != null)
        item.IsSelected = false;
}