«Выключить» изображение кнопки WPF?

Question

У меня есть простой элемент управления Button, который содержит объект Image в своем содержании. Я хочу установить непрозрачность Image на 0,5, когда Button отключен, чтобы предоставить дополнительную визуальную метку относительно статуса Button.

Каков самый простой способ добиться этого результата в XAML? Спасибо за вашу помощь.

Answer 1

Используйте триггер в стиле изображения. (Естественно было бы поставить его в стиле Button, но стиль Button не может легко повлиять на изображение по досадным техническим причинам. Это можно сделать в контрольной таблице Button Button, но это слишком много для того, что вы хотите здесь.)

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

Примечание мы пользуемся здесь тот факт, что изображение будет отключено, когда кнопка отключена, так что мы можем вызвать непосредственно на собственность IsEnabled изображения. В других случаях свойство Button, которое мы хотим активировать, может не наследоваться Image; в этом случае нам нужно использовать DataTrigger с RelativeSource FindAncestor для привязки к содержащей кнопке.

Answer 2

Вот более общий стиль, который вы можете применить:

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

Answer 3

Если вы хотите что-то более общий характер, это в вашем разделе ресурсов для вашего окна или UserControl.

<UserControl.Resources>  
    <Style x:Key="ImageEnabled" TargetType="Image"> 
     <Style.Triggers> 
      <Trigger Property="IsEnabled" Value="False"> 
       <Setter Property="Opacity" Value="0.25"></Setter> 
      </Trigger> 
     </Style.Triggers> 
    </Style> 
</UserControl.Resources> 

И в реальной кнопки просто сделать это

<Button> 
    <Image Source="{StaticResource LinkImage}" Style="{StaticResource ImageEnabled}"/> 
</Button>