在 Focusable 设置为 False 的情况下检测鼠标单击 ListBox 项

Question

我有一个显示菜单的 ListBox，用户可以在其中导航应用程序。选择 ListBox 元素将在菜单右侧显示相应的 UserControl。但是，其中一个菜单项 (ABOUT) 不应该是可聚焦的，而只能执行一项任务（打开一个弹出窗口）。所选项目应保持之前的状态。

遵循this link 中的建议，我尝试将相关 ListBox 元素的 Focusable 属性绑定到 VM 中的布尔属性。但是我没有得到关于 SelectedIndex 属性的任何更新。

有没有办法解决这个问题？

XAML：

<ListBox Grid.Row="0" 
            ItemsSource="{Binding MenuButtonInfoList}"
            SelectedIndex="{Binding SelectedMainMenuIndex, Mode=TwoWay}"
            Background="Transparent" BorderBrush="Transparent" Padding="0"
            VerticalContentAlignment="Center">
    <ListBox.ItemContainerStyle>
        <Style TargetType="{x:Type ListBoxItem}">
            <Setter Property="Focusable" Value="{Binding Path=Focusable}" />
        </Style>
    </ListBox.ItemContainerStyle>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Border Style="{StaticResource MenuButtonBorder}">
                <StackPanel Orientation="Horizontal" Height="Auto">
                    <Image Source="{Binding ImageFilePath}"
                           Style="{StaticResource MenuButtonImage}" />
                    <Label Content="{Binding Label}" 
                           Style="{StaticResource MenuButtonLabel}" />
                </StackPanel>
            </Border>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Answer 1

您可以为无法聚焦的项目定义一个自定义ControlTemplate，使它们看起来好像没有被聚焦：

<ListBox.ItemContainerStyle>
    <Style TargetType="{x:Type ListBoxItem}">
        <Style.Triggers>
            <DataTrigger Binding="{Binding Focusable}" Value="False">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type ListBoxItem}">
                            <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" 
                                                BorderThickness="{TemplateBinding BorderThickness}" 
                                                Background="{TemplateBinding Background}" 
                                                Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
                                <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                                  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
                                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</ListBox.ItemContainerStyle>