Изменить стиль на mouseOver

Question

У меня есть 2 стиля для кнопки.Первый предназначен для нормального состояния, а второй - для состояния mouseOver.Как я могу изменить стиль кнопки, когда мышь входит в нее?В Blend я пытался создать раскадровку и изменить стиль, но ничего не произошло.

Answer 1

Вы можете связать свойство Style с IsMouseOver и использовать универсальный конвертер "истинное значение" / "ложное значение".

Вы можете указать конвертер как этот

<Window.Resources>
    <Style TargetType="Button" x:Key="normalStyle">
        <Setter Property="Foreground" Value="Green"/>
    </Style>
    <Style TargetType="Button" x:Key="mouseOverStyle">
        <Setter Property="Foreground" Value="Red"/>
    </Style>
    <converters:BooleanObjectConverter FalseValue="{StaticResource normalStyle}"
                                       TrueValue="{StaticResource mouseOverStyle}"
                                       x:Key="styleConverter"/>
</Window.Resources>

А затем связать Style с IsMouseOver

<Button Style="{Binding RelativeSource={RelativeSource Self},
                        Path=IsMouseOver,
                        Converter={StaticResource styleConverter}}" 
        ... />

BooleanObjectConverter

public class BooleanObjectConverter : IValueConverter
{
    public object TrueValue { get; set; }
    public object FalseValue { get; set; }

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if ((bool)value == true)
        {
            return TrueValue;
        }
        return FalseValue;
    }
    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotSupportedException();
    }
}