WPF - 如何在标签导航中跳过标签？

Posted 2023-04-13

【中文标题】WPF - 如何在标签导航中跳过标签？

【英文标题】：WPF - How to skip a label in tab navigation?

【发布时间】：2013-05-05 15:50:54

【问题描述】：

我在 usercontrol 内的网格内的 stackpanel 内的 itemscontrol 内的 controltemplate 内有一个 stackpanel（参见下面的 xaml）。在内部堆栈面板中有一个标签 (Name="NoComponentChosen") 和另一个堆栈面板 (Name="ComponentChosen")。标签的可见性最初是折叠的。

控制模板有一个带有绑定的数据触发器。当绑定引用具有特定值时，标签 (NoComponentChosen) 变为可见并且堆栈面板折叠。

当我在用户界面中切换时，我想跳过标签/堆栈面板。我还希望仍然能够通过我的 ChangeRequestView.xaml 中的其余内容（列表框和按钮）进行选项卡。

现在 - 当我使用标签时 - 标签/堆栈面板最终被选中并被一个虚线矩形包围。这是我想避免的。

这是我的 ChangeRequestView.xaml：

<UserControl x:Class="MyProgram.View.ChangeRequestView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
             xmlns:ListBoxBehavior="clr-namespace:MyProgram.Utility"
             mc:Ignorable="d" 
             d:DesignHeight="500" d:DesignWidth="300">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition Height="35"/>
            <RowDefinition Height="45*"/>
            <RowDefinition Height="10*"/>
            <RowDefinition Height="20*"/>
            <RowDefinition Height="35"/>
        </Grid.RowDefinitions>

        <!--The title of the view-->
        <Label Grid.Row="0" Content="Change Requests" FontWeight="Bold" Margin="5,5,5,5" VerticalAlignment="Center" HorizontalAlignment="Center"/>

        <!--The component chosen-->
        <StackPanel Grid.Row="1" Orientation="Horizontal" Margin="5,0,0,0" IsHitTestVisible="False" Focusable="False">
            <ItemsControl>
                <ItemsControl.Template>
                    <ControlTemplate>
                        <StackPanel>
                            <StackPanel Name="ComponentChosen" Orientation="Horizontal">
                                <Label Content="Reference des.: " />
                                <Label Name="referenceDesignation" Content="Binding Path=ReferenceDesignation, UpdateSourceTrigger=PropertyChanged"/>
                            </StackPanel>
                            <Label Name="NoComponentChosen" Content="Choose a component" Visibility="Collapsed"/>
                        </StackPanel>
                        <ControlTemplate.Triggers>
                            <DataTrigger Binding="Binding ReferenceDesignation" Value="">
                                <Setter TargetName="ComponentChosen" Property="Visibility" Value="Collapsed"/>
                                <Setter TargetName="NoComponentChosen" Property="Visibility" Value="Visible"/>
                            </DataTrigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </ItemsControl.Template>
            </ItemsControl>
        </StackPanel>

        <ListBox Grid.Row="2" ... />
        <Button Grid.Row="3" ... />
        <Button Grid.Row="4" ... />
    </Grid>
</UserControl> 

整个 UserControl/ChangeRequestView.xaml 是我的 MainWindow 的一部分 - 我不知道这是否有什么要说的。我在我的 MainWindow 中浏览所有不同的视图，当我到达 ChangeRequestView 时，我想根据其中哪些没有折叠来跳过标签/堆栈面板。

这是我的 MainWindow.xaml：

<Window x:Class="MyProgram.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:view="clr-namespace:MyProgram.View"
        xmlns:vm="clr-namespace:MyProgram.ViewModel"
        ...>
    <Grid>
        <Grid.RowDefinitions>
        <RowDefinition Height="20"/>
        <RowDefinition Height="309*"/>
        <RowDefinition Height="187*"/>
        <RowDefinition Height="120*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="209*"/>
        <ColumnDefinition Width="558*"/>
        <ColumnDefinition Width="250*"/>
    </Grid.ColumnDefinitions>

    <Menu IsMainMenu="True" Name="Menu1" VerticalAlignment="Top" Grid.Row="0" Grid.ColumnSpan="3">
        <MenuItem Header="_File">
            <MenuItem Header="_Save changed change requests for current reference designation" 
                      InputGestureText="Ctrl+S" Command="Binding Path=HotKeysSaveChangeRequestUpdateCmd"/>
            <MenuItem Header="_Upload change requests for current project" 
                      InputGestureText="Ctrl+U" Command="Binding Path=HotKeysUploadCmd"/>
            <MenuItem Header="_Exit" ToolTip="Exit this program" 
                      InputGestureText="CTRL+X" Command="Binding Path=ShutDownCmd"/>
        </MenuItem>
    </Menu>

    <!--Search Region-->
    <Border Grid.Row="2" Grid.Column="0" Grid.RowSpan="2" Margin="3,1,1,3" BorderThickness="2,2,2,2" CornerRadius="4,4,4,4" BorderBrush="LightGray">
        <view:SearchView x:Name="SearchView"/>
    </Border>

    <!-- Project Region -->
    <Border Grid.Row="1" Grid.Column="0" Margin="3,3,1,1" BorderThickness="2,2,2,2" CornerRadius="4,4,4,4" BorderBrush="LightGray">
        <view:ProjectView x:Name="ProjectView" />
    </Border>

    <!-- Components Region -->
    <Border Grid.Row="1" Grid.Column="1" Grid.RowSpan="2" Margin="1,3,1,1" BorderThickness="2,2,2,2" CornerRadius="4,4,4,4" BorderBrush="LightGray">
        <view:ComponentView x:Name="ComponentView" />
    </Border>

    <!-- Change Request Region -->
    <Border Grid.Row="1" Grid.Column="2" Grid.RowSpan="2" Margin="1,3,3,1" BorderThickness="2,2,2,2" CornerRadius="4,4,4,4" BorderBrush="LightGray">
        <view:ChangeRequestView x:Name="ChangeRequestView" />
    </Border>

    <!-- Log Region -->
    <Border Grid.Row="3" Grid.Column="1" Grid.ColumnSpan="2" Margin="1,1,3,3" BorderThickness="2,2,2,2" CornerRadius="4,4,4,4" BorderBrush="LightGray">
        <view:LogView x:Name="LogView" />
    </Border>

    </Grid>
    <Window.InputBindings>
        <KeyBinding Gesture="CTRL+U" Command="Binding Path=HotKeysUploadCmd"/>
        <KeyBinding Gesture="CTRL+S" Command="Binding Path=HotKeysSaveChangeRequestUpdateCmd"/>
        <KeyBinding Gesture="CTRL+X" Command="Binding Path=ShutDownCmd"/>
    </Window.InputBindings>
</Window> </br>

对于较长的 xaml 文件，我深表歉意，但我认为我提供给您的信息越多，您就越容易帮助我解决这个选项卡问题。

当我通过用户界面切换时，您对如何跳过标签“NoComponentChosen”/堆栈面板“ComponentChosen”有任何想法吗？

【参考方案1】：

在包含您要跳过的元素的容器上尝试 KeyboardNavigation.TabNavigation Attached Property 和 KeyboardNavigationMode.None。

KeyboardNavigation.TabNavigation="None"

【讨论】：

这对我有用，当我将 KeyboardNavigation.TabNavigation="None"-property 设置为 Grid.Row="1" 中最外面的堆栈面板时。我一直在接受您的回答 (***.com/questions/7745361/…)，但无法弄清楚如何正确使用它来解决我自己的问题。感谢您对容器的帮助和指导:)

如果我使用 CTRL+Tab 选项卡，堆栈面板将不会被跳过 - 你知道这是怎么回事吗？

还有一个附加属性：KeyboardNavigation.ControlTabNavigation。我认为这将解决问题。