WPF Style Triggers d'un autre contrôle

Question

J'ai une image que je veux faire quand l'utilisateur passe la souris dessus, une autre image à côté sera affichée.

Le code ci-dessous, ne fonctionne pas:

  <Image Source="volumen.png"> 
       <Image.Style> 
        <Style> 
         <Style.Triggers> 
          <Trigger Property="IsMouseOver" Value="True"> 
           <Setter TargetName="bar_volume" Property="Visibility" Value="Visible" /> 
          </Trigger> 
         </Style.Triggers> 
        </Style> 
       </Image.Style> 
      </Image> 
      <Image Source="volumen_bar.png" Name="bar_volume" Visibility="Hidden" /> 

Toute idée comment puis-je définir une autre propriété setter de commande d'un autre déclencheur de commande?

10x.

Answer 1

Que diriez-vous comme ceci:

<UserControl.Resources>  
     <local:BoolToVisibilityConverter x:Key="BoolToVisibilityConverter"/> 
</UserControl.Resources>  
<Image Name="firstImage" Source="volumen.png"/> 
<Image Source="volumen_bar.png" Name="bar_volume" Visibility="{Binding IsMouseOver,ElementName=firstImage, Mode=OneWay, Converter={StaticResource BoolToVisibilityConverter}}" /> 

puis utilisez cette valueconverter pour elle:

public class BoolToVisibilityConverter:IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     return (bool)value ? Visibility.Visible : Visibility.Hidden; 
    } 
    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     throw new NotSupportedException(); 
    } 
}