hình ảnh khác nhau để bật và tắt trạng thái của một nút trong WPF

Question

Tôi muốn thay đổi hình ảnh của nút trong mã bên dưới dựa trên trạng thái của nó, sử dụng hình ảnh khác nhau để bật và tắt trạng thái.

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

Cảm ơn bạn.

Answer 1

Hãy thử sử dụng Style.Triggers thấy gửi wpf-style-trigger

Answer 2

Về cơ bản, tạo ra một phong cách cho nút mà làm cho nó hiển thị một đối tượng hình ảnh trong tài sản nội dung của nó, và sau đó có một kích hoạt mà kiểm tra các nút trạng thái kích hoạt, và khi nó là TRUE có nó là một hình ảnh, và ở tất cả các lần khác là hình ảnh khác.

Answer 3

Bạn có thể sử dụng một phong cách với trigger như thế này:

<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

tôi đã sử dụng đoạn mã sau để làm cho hình ảnh bên trong nút để có một nửa opacity khi nút bị vô hiệu hóa và nó hoạt động tuyệt vời!

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