różne obrazy dla włączania i wyłączania stanów przycisku w WPF

Question

Chcę zmienić obraz przycisku w poniższym kodzie na podstawie jego stanu, tj. Użyć innego obrazu do włączenia i wyłączenia stanu.

<Button CommandParameter="Open" > 
    <StackPanel Orientation="Horizontal" > 
     <Image Source="../icons/big/open.png" Width="20" Height="20"></Image> 
    </StackPanel> 
</Button> 

Dziękuję.

Answer 1

Spróbuj użyć Style.Triggers zobaczyć zakładać wpf-style-trigger

Answer 2

Zasadniczo utworzyć styl dla przycisku, który sprawia, że ​​wyświetlany obraz obiektu w jego właściwości content, a następnie mieć wyzwalacz, który sprawdza stan przycisków włączone, a gdy jest PRAWDĄ, niech to będzie jeden obraz, a innym razem będzie drugi obraz.

Answer 3

Można użyć stylu z wyzwalaczy, takich jak ten:

<Style TargetType="{x:Type Button}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <StackPanel Orientation="Horizontal" > 
        <Image Name="PART_Image" Source="path to normal image" /> 
       </StackPanel> 
       <ControlTemplate.Triggers> 
        <Trigger Property="IsMouseOver" Value="True"> 
         <Setter Property="Source" Value="path to mouse over image" TargetName="PART_Image"/> 
        </Trigger> 
        <Trigger Property="IsPressed" Value="True"> 
         <Setter Property="Source" Value="path to pressed image" TargetName="PART_Image"/> 
        </Trigger> 
        <Trigger Property="IsEnabled" Value="False"> 
         <Setter Property="Source" Value="path to disabled image" TargetName="PART_Image"/> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

Answer 4

Użyłem poniższy kod do tworzenia zdjęć wewnątrz przycisków mieć pół krycie, gdy przycisk jest wyłączony i działa świetnie!

<Style TargetType="Button"> 
    <Style.Resources> 
     <Style TargetType="Image"> 
      <Style.Triggers> 
       <Trigger Property="IsEnabled" Value="False"> 
        <Setter Property="Opacity" Value="0.5" /> 
       </Trigger> 
      </Style.Triggers> 
     </Style> 
    </Style.Resources> 
</Style>