リストボックスでアイテムが選択されているときに画像の境界線を設定する

Question

私はこれをしばらく再生していますが、動作させることはできません。基本的には、イメージとラベルを持つリストボックスがあります。その項目が選択されている場合は何がしたいことは、画像の境界線の色を変更することです（リストボックスは複数選択に設定されている）

これは私がしているこれまでのところ...

  <DataTemplate x:Key="ListBox_DataTemplate"> 
        <Grid HorizontalAlignment="Center"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="220"/> 
      </Grid.RowDefinitions> 

      <Border x:Name="thumbBorder" BorderThickness="8" 
       CornerRadius="8"> 
       <Border.Style> 
        <Style TargetType="Border"> 


          <Style.Triggers> 
           <DataTrigger Binding="{Binding isSelected, 
            ElementName=lb_images}" Value="True"> 
           <Setter Property="BorderBrush 
               Value="SteelBlue"/> 
          </DataTrigger> 
          <DataTrigger Binding="{Binding isSelected, 
            ElementName=lb_images}" Value="False"> 
           <Setter Property="BorderBrush" 
               Value="Yellow"/> 
          </DataTrigger> 

         </Style.Triggers> 

         </Style> 

        </Border.Style> 

       <Image Width="170" Height="190" Source="{Binding Thumbnail}" 
HorizontalAlignment="Center" 
              VerticalAlignment="Top" 
x:Name="thumb"/> 
      </Border> 

ですただし、アイテムを選択しても何も起こりません。私は本当に立ち往生しているので、どんなアイデアも大歓迎です。

おかげ

Answer 1

あなたのDataTriggerはListBoxItemコンテナ要素にバインドRelativeSourceを使用して、正しいプロパティパスIsSelectedを使用する必要があります。

<DataTemplate x:Key="ListBox_DataTemplate"> 
    <Border BorderThickness="8"> 
     <Border.Style> 
      <Style TargetType="Border"> 
       <Setter Property="BorderBrush" Value="Yellow"/> 
       <Style.Triggers> 
        <DataTrigger Binding="{Binding IsSelected, 
           RelativeSource={RelativeSource AncestorType=ListBoxItem}}" 
           Value="True"> 
         <Setter Property="BorderBrush" Value="SteelBlue"/> 
        </DataTrigger> 
       </Style.Triggers> 
      </Style> 
     </Border.Style> 
     <Image Source="{Binding Thumbnail}"/> 
    </Border> 
</DataTemplate>