WPF-Styles-Taste, MouseOver-Frage

Ich versuche, eine einfache mouseover-Effekt auf eine Schaltfläche, verändert die Farbe, wenn Maus vorbei ist, aber die Farbe ist sofort geändert, um die Standard-Schaltfläche hintergrund... wie kann ich dieses Verhalten außer Kraft setzen?

dies ist mein code:

Style myBtnStyle = new Style();
Trigger bla = new Trigger() { Property = IsMouseOverProperty, Value = true };
bla.Setters.Add(new Setter(Control.BackgroundProperty, Brushes.Black));
myBtnStyle.Triggers.Add(bla);
button2.Style = myBtnStyle;

InformationsquelleAutor Luiscencio | 2010-04-21

  1. 24

    Laut dieser Beitrag, die schicke animation integriert ist und entfernen Sie es, Sie gehen zu müssen, um das überschreiben der ControlTemplate für Ihre Button. Zum Glück, dass ist nicht allzu schwer. Ich verwendet dieser Beitrag als source-material und kam mit der folgenden Style dass Ihnen die Idee.

    <Style x:Key="MouseOverButtonStyle" TargetType="Button">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <ControlTemplate.Resources>
                    <Style x:Key="ShadowStyle">
                        <Setter Property="Control.Foreground" Value="LightGray" />
                    </Style>
                </ControlTemplate.Resources>
                <Border Name="border" BorderThickness="1" Padding="4,2" BorderBrush="DarkGray" CornerRadius="3" Background="{TemplateBinding Background}">
                    <Grid >
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Name="contentShadow" Style="{StaticResource ShadowStyle}">
                            <ContentPresenter.RenderTransform>
                                <TranslateTransform X="1.0" Y="1.0" />
                            </ContentPresenter.RenderTransform>
                        </ContentPresenter>
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Name="content"/>
                    </Grid>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="Beige" />
        </Trigger>
    </Style.Triggers>
</Style>

    Update:
    Wenn du tot bist Satz auf die Anwendung der Style im code, und Sie nicht wollen, zu einem ResourceDictionary (wahrscheinlich der bessere Weg, es zu tun), können Sie laden Sie die Style dynamisch, mit XamlReader.Load:

                const string xaml = @"
<Style xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
       xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
       TargetType='Button'>
    <Setter Property='Template'>
        <!--- Omitted For Clarity --->
    </Setter>
    <Style.Triggers>
        <Trigger Property='IsMouseOver' Value='True'>
            <Setter Property='Background' Value='Beige' />
        </Trigger>
    </Style.Triggers>
</Style>";
            var encoding = new ASCIIEncoding();
            var bytes = encoding.GetBytes(xaml);
            var style = (Style)XamlReader.Load(new MemoryStream(bytes));
            Button1.Style = style;
    Ich weiß, ich kann dies tun über xaml kann aber es nicht über C#???
    Könnte man den Stil in einem resource dictionary und dann ziehen Sie es heraus, wenn Sie notwendig ist, um an Ihrem Knopf.
    +1 ich werde versuchen, das update, es sieht vielversprechend aus, vielen Dank
    Wenn der Stil Löst sich auf "IsMouseOver", der zuvor definierten Taste.Hintergrund.ImageBrush verschwindet, obwohl die einzige Art, die in der Trigger ist für die Deckkraft ein. Irgendwelche Vorschläge, was ich bin fehlt? Dank

    InformationsquelleAutor Joseph Sturtevant

  2. 4

    Überschreiben der ButtonChrome Thema wäre einfacher.

    Erstellen Sie eine Vorlage und entfernen Sie die RenderMouseOver="{TemplateBinding IsMouseOver}"

    <Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="Button">
            <Microsoft_Windows_Themes:ButtonChrome x:Name="Chrome" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" RenderMouseOver="{TemplateBinding IsMouseOver}"RenderPressed="{TemplateBinding IsPressed}" RenderDefaulted="{TemplateBinding Button.IsDefaulted}" SnapsToDevicePixels="True">
                <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
            </Microsoft_Windows_Themes:ButtonChrome>
            <ControlTemplate.Triggers>
                <Trigger Property="IsKeyboardFocused" Value="True">
                    <Setter Property="RenderDefaulted" TargetName="Chrome" Value="True"/>
                </Trigger>
                <Trigger Property="ToggleButton.IsChecked" Value="True">
                    <Setter Property="RenderPressed" TargetName="Chrome" Value="True"/>
                </Trigger>
                <Trigger Property="IsEnabled" Value="False">
                    <Setter Property="Foreground" Value="#FFADADAD"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Setter.Value>
</Setter>

    Und fügen Sie dann Ihre eigene Umgang mit mouseover

        <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background">
                <Setter.Value>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFF3E8D5" Offset="0"/>
                        <GradientStop Color="#FFF49B03" Offset="1"/>
                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
        </Trigger>
    </Style.Triggers>

    Das sollte es lösen! 🙂

    Sie sollten erwähnen, wie sich zu registrieren Microsoft_Windows_Themes, fügen Sie xmlns:themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero" und Verweis Hinzufügen PresentationFramework.Aero zu Projekt.

    InformationsquelleAutor Kman

Schreibe einen Kommentar