Einen Mausklick auf ein ListBox-Objekt erkennen, wobei Focusable auf False gesetzt ist

Question

Ich habe eine ListBox, die ein Menü anzeigt, in dem der Benutzer in der Anwendung navigieren kann. Wenn Sie ein ListBox-Element auswählen, wird das entsprechende UserControl rechts neben dem Menü angezeigt. Einer der Menüpunkte (ABOUT) sollte jedoch nicht fokussierbar sein, sondern nur eine Aufgabe ausführen (Öffnen eines Popup-Fensters). Das ausgewählte Element sollte so bleiben, wie es zuvor war.

Folgende Vorschläge in this link Ich habe versucht, die Focusable-Eigenschaft des relevanten ListBox-Elements auf eine boolesche Eigenschaft in der VM zu binden. Aber dann bekomme ich keine Updates für die SelectedIndex-Eigenschaft.

Gibt es einen Weg um dies zu umgehen?

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

Sie eine benutzerdefinierte ControlTemplate für unfocusable Elemente definieren könnte, dass sie aussehen, wie sie nicht fokussiert werden:

<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>