WPF - エキスパンダーに基づくイメージの非表示/表示

Question

エキスパンダーが折りたたまれている場合にイメージを表示し、展開時に非表示にしたいとします。私は以下を試みたが、うまくいきませんでした。コンバータを使用せずにそうする方法はありますか？

<Image x:Name="fgImage" Source="Resources/Images/MissingImage.png" Margin="0,96,258,-75" Height="110" VerticalAlignment="Top" HorizontalAlignment="Right" Width="110"> 
<Image.Style> 
    <Style TargetType="Image"> 
    <Setter Property="Visibility" Value="Visible"/> 
    <Style.Triggers> 
    <DataTrigger Binding="{Binding ElementName=orderDetailsExpander, Path=IsExpanded}"> 
     <Setter Property="Visibility" Value="Collapsed"/> 
    </DataTrigger> 
    </Style.Triggers> 
    </Style> 
    </Image.Style> 
</Image> 

Answer 1

ですImageプロパティ

<Image x:Name="fgImage" Source="Resources/Images/MissingImage.png" Margin="0,96,258,-75" Height="110" VerticalAlignment="Top" HorizontalAlignment="Right" Width="110"> 
<Image.Style> 
    <Style TargetType="Image"> 
    <Setter Property="Visibility" Value="Visible"/> 
    <Style.Triggers> 
    <DataTrigger Binding="{Binding ElementName=orderDetailsExpander, Path=IsExpanded}" Value="True"> 
     <Setter Property="Visibility" Value="Collapsed"/> 
    </DataTrigger> 
    </Style.Triggers> 
    </Style> 
    </Image.Style> 
</Image> 

Answer 2

あなたDataTriggerは、値を必要とする例えば

Value="True" 

documentationによると、デフォルトの値は、あなたのDataTriggerはその

<DataTrigger Binding="{Binding ElementName=orderDetailsExpander, Path=IsExpanded}" Value="True"> 

すべてのようにする必要がありますnull