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

3

我有一个控件模板(ControlTemplate),它包含在一个ItemsControl中,而该ItemsControl又包含于一个Grid中,最终这个Grid包含于一个名为UserControl的控件中(请参考下面的XAML代码)。在内部StackPanel中,有一个标签(Name="NoComponentChosen")和另一个StackPanel (Name="ComponentChosen")。标签的可见性最初是折叠的。

控件模板(ControlTemplate)具有绑定的数据触发器(DataTrigger)。当绑定引用具有特定值时,标签(NoComponentChosen)变为可见状态,并且堆栈面板(StackPanel)会被折叠起来。

我希望在使用Tab键浏览用户界面时跳过标签和堆栈面板。同时,我还希望能够通过Tab键浏览ChangeRequestView.xaml中的其他内容(如列表框和按钮)。

目前,在按Tab键时,标签/堆栈面板最终会被选中,并被虚线矩形框选中。这就是我想要避免的。

这是我的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时,我希望根据哪个标签/stackpanel没有折叠来跳过该标签/stackpanel。
这是我的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个回答

5

当我将KeyboardNavigation.TabNavigation="None"属性设置为Grid.Row="1"中最外层的stackpanel时,这对我很有效。我已经看过了你的答案(https://dev59.com/EWsz5IYBdhLWcg3wpZvy),但是无法正确地解决我的问题。感谢您对容器的帮助和指导 :) - user2317389
如果我使用CTRL+Tab进行制表符,堆栈面板将不会被跳过 - 你知道这该怎么办吗? - user2317389
还有一个附加属性:KeyboardNavigation.ControlTabNavigation。我认为这将解决问题。 - LPL

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接