Bouton de réglage de l'arrière-plan de style dans wpf

j'ai un bouton et j'ai mis en arrière-plan du bouton de style avec LinearGradientBrush. tout fonctionne bien mais lorsque je lance le et appuyez sur la touche cliquez sur le bouton dégradé de couleur est de montrer ob bouton avec peu d'animation, mais je n'ai pas à écrire quoi que ce soit pour de l'animation pour le bouton de style de l'arrière.

voici mon code complet

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">

<DockPanel>
    <Button Content="Button" Height="23" Name="button1" Width="75">
        <Button.Background>
            <LinearGradientBrush  StartPoint="0,0" EndPoint="1,1">
                <GradientStop Color="#FFD9EDFF" Offset="0"/>
                <GradientStop Color="#FFC0DEFF" Offset="0.445"/>
                <GradientStop Color="#FFAFD1F8" Offset="0.53"/>
            </LinearGradientBrush>
        </Button.Background>
    </Button>
</DockPanel>
</Window>

je veux que lorsque l'utilisateur cliquera sur le bouton dégradé de l'animation, rien de semblable ne démarre pas sur le bouton. merci de me guider. grâce

OriginalL'auteur Thomas | 2012-09-12

Vous avez besoin de redéfinir le style de bouton, Vous pouvez le faire en utilisant ControlTemplate. Ici est un exemple de la façon d'écrire réutilisables style qui redéfinit le bouton.

J'ai ajouté aussi un exemple sur la façon de mettre en œuvre le changement de couleur sur IsPressed événement.

<Window x:Class="ColorTest.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Window.Resources>
<ResourceDictionary>
<LinearGradientBrush x:Key="ButtonBackground" StartPoint="0,0" EndPoint="1,1">
<GradientStop Color="#FFD9EDFF" Offset="0"/>
<GradientStop Color="#FFC0DEFF" Offset="0.445"/>
<GradientStop Color="#FFAFD1F8" Offset="0.53"/>
</LinearGradientBrush>
<Style x:Key="SimpleButtonStyle" TargetType="{x:Type Button}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Grid>
<Border Background="{StaticResource ButtonBackground}" VerticalAlignment="Stretch" CornerRadius="2" HorizontalAlignment="Stretch"/>
<Border x:Name="BorderPressed"  Opacity="0" Background="Blue" VerticalAlignment="Stretch" CornerRadius="2" HorizontalAlignment="Stretch"/>
<ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center" x:Name="MainContent" />
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="IsPressed" Value="True">
<Trigger.EnterActions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetName="BorderPressed" Storyboard.TargetProperty="Opacity" To="1" Duration="0:0:0.2"/>
</Storyboard>
</BeginStoryboard>
</Trigger.EnterActions>
<Trigger.ExitActions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetName="BorderPressed" Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:0.2"/>
</Storyboard>
</BeginStoryboard>
</Trigger.ExitActions>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ResourceDictionary>
</Window.Resources>
<DockPanel>
<Button Content="Button" Height="23" Name="button1" Width="75" Style="{StaticResource SimpleButtonStyle}"/>
</DockPanel>

la façon que j'ai de définir le style c'était mal. une animation de la vie de l'effet quand je clique sur mon bouton. u peut expliquer pourquoi....ce qui n'allait pas dans mon style de définir?
Vous avez changé seulement la propriété de l'arrière plan de votre bouton. Boutons et autres contrôles) ont plus de propriétés que de simplement en arrière-plan. Si vous souhaitez réinitialiser tous les styles de contrôle - supprimer tous les comportements par défaut(animation), vous devez redéfinir le Modèle. Lorsque vous redéfinir le Modèle de la propriété vous pouvez également définir vos propres effets d'animation(à l'aide de ControlTemplate.Les déclencheurs).
une autre chose que je constate, bouton poussoir, effet disparu. comment changer le bouton sensitif de la couleur et de la façon de mettre en œuvre pousser effet de couleur. s'il vous plaît aider
tous les par défaut les animations et les effets sont partis, donc vous avez besoin pour mettre en œuvre une fois agin. J'ai ajouté un exemple comment changer la couleur d'arrière-plan sur l'événement click. Vous pouvez définir déclencheur pour la Souris au-Dessus de la même façon - à l'aide de <Déclencher Property="IsMouseOver" Value="True">.

OriginalL'auteur Marta

Ce qui se passe à cause des boutons de style par défaut.

Vous devez définir un nouveau Style.

EDIT :

<Button Content="Button" Height="23" Name="button1" Width="75">
<Button.Style>
<Style TargetType="Button">
<Setter Property="Background">
<Setter.Value>
<LinearGradientBrush  StartPoint="0,0" EndPoint="1,1">
<GradientStop Color="#FFD9EDFF" Offset="0"/>
<GradientStop Color="#FFC0DEFF" Offset="0.445"/>
<GradientStop Color="#FFAFD1F8" Offset="0.53"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Microsoft_Windows_Themes:ButtonChrome x:Name="Chrome" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderDefaulted="{TemplateBinding IsDefaulted}" SnapsToDevicePixels="true">
<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
</Microsoft_Windows_Themes:ButtonChrome>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<Button.Style>
</Button>

Si vous voulez avoir ce style plus d'une fois de l'utiliser comme une ressource:
Mettre à jeux vous ce style pour chaque bouton dans la Fenêtre de votre.xaml

Déplaçant le style d'une étendue supérieure de type App.xaml s'applique le style pour chaque bouton dans votre application

là où j'ai besoin de définir <Bouton.Style> dans mon mainwindow.xaml ou App.xml
qu'est-ce que cette <Microsoft_Windows_Themes:ButtonChrome> spécialement ButtonChrome??
un thème défini par Microsoft. Plus sur thèmes
comment mettre ce style dans l'app.xaml. la partie que je dois copier. donner un exemple. merci
une autre chose que je constate, bouton poussoir, effet disparu. comment changer le bouton sensitif de la couleur et de la façon de mettre en œuvre pousser effet de couleur. s'il vous plaît aider

OriginalL'auteur Miklós Balogh

Vous devez vous connecter pour publier un commentaire.