WPF 键盘导航附加属性解决TreeView的Tab导航焦点问题

Posted lonelyxmas

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WPF 键盘导航附加属性解决TreeView的Tab导航焦点问题相关的知识,希望对你有一定的参考价值。

原文:WPF 键盘导航附加属性解决TreeView的Tab导航焦点问题

 

 

TreeView是默认对上下左右响应,或者是Ctrl+Tab。

如果单独用tab则是不起作用的。

如果使用一般treeview可以利用以下方式来让tab进行导航。

 

设置Treeview和TreeviewItem的KeyboardNavigation

treeview

   <Setter Property="KeyboardNavigation.TabNavigation" Value="Local"/>

treeviewitem

  <Setter Property="KeyboardNavigation.TabNavigation" Value="Local"       />

其次是对treeviewitem模板内部的border设置Focusable

技术图片
 <Border x:Name="Bd" Focusable="True"  BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.Column="1" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
                                

<ContentPresenter x:Name="PART_Header" ContentSource="Header" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
</Border>
技术图片

 

技术图片

 

如果还是进不去TreeViewItem的内部,还可以使用一下附加属性

技术图片
  public static readonly DependencyProperty TabProperty = DependencyProperty.RegisterAttached("Tab", typeof(bool), typeof(TabTest), new PropertyMetadata(new PropertyChangedCallback(OnValueChanged)));
        public static bool GetTab(DependencyObject d) => (bool)d.GetValue(TabProperty);
        public static void SetTab(DependencyObject d, bool value) => d.SetValue(TabProperty, value);

        private static void OnValueChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            if (d != null && ((bool)e.NewValue))
            {
                (d as UIElement).Focusable = true;
                (d as UIElement).PreviewKeyDown += TabTest_PreviewKeyDown; 
            }
        }

        private static void TabTest_PreviewKeyDown(object sender, KeyEventArgs e)
                   {
            var Element = Keyboard.FocusedElement as UIElement;
            if (e.Key == Key.Tab)
            {
                e.Handled = true;
                 
                if (!Element.MoveFocus(new TraversalRequest(FocusNavigationDirection.Down)))
                {
                    Element.MoveFocus(new TraversalRequest(FocusNavigationDirection.Next));
                }
              

            }
        }
技术图片

 

在TreeViewItem的内部使用即可

  <ItemsPresenter x:Name="ItemsHost"  local:TabTest.Tab="True"    Grid.ColumnSpan="2" Grid.Column="1" Grid.Row="1"  />

 

简单版本

技术图片
       <Style TargetType="TreeView">
            <Setter Property="KeyboardNavigation.TabNavigation" Value="Local"/>
        </Style>
        <Style TargetType="TreeViewItem">
            <Setter Property="KeyboardNavigation.TabNavigation" Value="Local"/>
        </Style>
技术图片

 

以上是关于WPF 键盘导航附加属性解决TreeView的Tab导航焦点问题的主要内容,如果未能解决你的问题,请参考以下文章

WPF程序中treeview图标显示不全

请问如何用TreeView控件导航无法让选中的节点高亮

treeview控件

如何将 Xml 属性绑定到 Treeview 节点,同时将 XDocument 数据绑定到 WPF Treeview

WPF TreeView 数据绑定隐藏/显示展开/折叠图标

WPF -- PasswordBox数据绑定方法