Как изменить стиль hover в Metro UI?

Question

[ErickSkrauch]

Имеется класс, который наследует в себя Button и дополняет кнопку дополнительной логикой согласно задачам приложения. Сколько я не бился, но похоже, что событие OnPointerEntered срабатывает раньше, чем какое-то магическое спрятаное событие, которое перекрывает отображение моих цветов на цвета из темы.

Собственно вопрос в том, как можно из кода C# научить кнопку менять цвет так, как того хочу я, а не глобально прописано в теме?

Answer 1

[Станислав Агафонов]

Вопрос свелся к следующему: "Как из XAML получить доступ к статическому свойству в коде".
Для этого в app.xaml класс со статическим свойством добавляется в ресурсы:
<local:Foo x:Key="Foo"/>
А в нужном месте к нему идет обращение, например так:

Background="{Binding Instance.Color, Source={StaticResource Foo}}"

Comments

[ErickSkrauch]

MetroUI (приложения на Windows 8+) не поддерживает событие Tregger. Я нашёл подобное решение https://msdn.microsoft.com/en-us/library/windows/a... , но проблема в том, что тогда теряется Content самой кнопки в том время, когда мне нужно просто контролировать цвет фона\рамки из кода.

[Станислав Агафонов]

Прошу прощения, не понял что речь о Win8 приложении. Чем не подходят события PointerEntered и PointExit?

[ErickSkrauch]

Станислав Агафонов: они не позволяют перезаписать цвет из стиля кнопки, т.е. стиль имеет приоритет.

[Станислав Агафонов]

У меня вот такой код работает:

public class MyButton : Button
{
public MyButton()
{
PointerEntered += (sender, args) => BorderBrush = new SolidColorBrush(Colors.Red);
PointerExited += (sender, args) => BorderBrush = new SolidColorBrush(Colors.Green);
}
}

[ErickSkrauch]

Станислав Агафонов: Странно, но у меня нет. В целом же я нагуглил подобное решение:

<Style TargetType="Button" x:Key="GameTile">
    <Setter Property="Margin" Value="-3"></Setter>
    <Setter Property="Padding" Value="0"></Setter>
    <Setter Property="BorderThickness" Value="0"></Setter>
    <Setter Property="VerticalAlignment" Value="Stretch"></Setter>
    <Setter Property="HorizontalAlignment" Value="Stretch"></Setter>

    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Grid>
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualState x:Name="Normal" />
                            <VisualState x:Name="PointerOver" />
                            <VisualState x:Name="Pressed" />
                            <VisualState x:Name="Disabled" />
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Margin="3">
                        <ContentPresenter x:Name="ContentPresenter" AutomationProperties.AccessibilityView="Raw" ContentTemplate="{TemplateBinding ContentTemplate}" ContentTransitions="{TemplateBinding ContentTransitions}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Border>
                    <Rectangle x:Name="FocusVisualWhite" IsHitTestVisible="False" Opacity="0" StrokeDashOffset="1.5" StrokeEndLineCap="Square" Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}" StrokeDashArray="1,1"/>
                    <Rectangle x:Name="FocusVisualBlack" IsHitTestVisible="False" Opacity="0" StrokeDashOffset="0.5" StrokeEndLineCap="Square" Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}" StrokeDashArray="1,1"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Т.е. я отменяю стандартные обработчики любых стилей и заменяю их своими уже в коде. В таком варианте всё ок.

Хотя было бы ещё круто сделать выборку цветов из класса-палитры:

public sealed class GameTileBrushes {

    public static SolidColorBrush Default = new SolidColorBrush(Color.FromArgb(255, 157, 136, 84));

    public static SolidColorBrush Hover = new SolidColorBrush(Color.FromArgb(255, 202, 178, 135));

    public static SolidColorBrush Active = new SolidColorBrush(Color.FromArgb(255, 118, 102, 63));

    public static SolidColorBrush Opened = new SolidColorBrush(Color.FromArgb(255, 177, 153, 95));

}

[Станислав Агафонов]

А как у Вас выглядит код задающий цвета?

[ErickSkrauch]

Станислав Агафонов: то есть? Сейчас я переделал на события в самом коде примерно так же, как и у вас, только с дополнительной логикой. Пример для hover:

private void _onHover(object sender, PointerRoutedEventArgs e) {
    if (this.isOpened) {
        return;
    }

    this.Background = GameTileBrushes.Hover;
}

[Станислав Агафонов]

Я пытаюсь понять что заставляет Вас использовать код а не XAML

[ErickSkrauch]

Станислав Агафонов: скорее всего его банальное незначение.

Задача стоит так: есть палитра, согласно которой необходимо изменять цвет фона\рамки. Цвет самого текста задаётся программно в зависимости от внутренней логики. При решении в лоб я столкнулся с тем, что не могу переопределить цвет при наведении и при активности элемента, потому и пошёл писать кастыли.

Если вы можете (и что не маловажно хотите) помочь/научить, то мб лучше свяжемся через Skype или Telegram? ErickSkrauch.

[ErickSkrauch]

Нашло с 20 человек с подобными никами. Может всё же лучше вы меня? ErickSkrauch