wpf WPF中的颜色过渡
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/11617216/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Color transition in WPF
提问by Ionic? Biz?u
I want to make a color transition of Backgroundcolor of a WPF window.
我想对BackgroundWPF 窗口的颜色进行颜色转换。
How can I do this?
我怎样才能做到这一点？
For example:
例如：
Brush i_color = Brushes.Red; //this is the initial color
Brush f_color = Brushes.Blue; //this is the final color
When I click on Buttonbutton1
当我点击Buttonbutton1 时
private void button1_Click(object sender, RoutedEventArgs e)
{
this.Background = f_color; //here the transition begins. I don't want to be quick. Maybe an interval of 4 seconds.
}
回答by LPL
In code it can be done with this
在代码中它可以用这个完成
private void button1_Click(object sender, RoutedEventArgs e)
{
ColorAnimation ca = new ColorAnimation(Colors.Red, Colors.Blue, new Duration(TimeSpan.FromSeconds(4)));
Storyboard.SetTarget(ca, this);
Storyboard.SetTargetProperty(ca, new PropertyPath("Background.Color"));
Storyboard stb = new Storyboard();
stb.Children.Add(ca);
stb.Begin();
}
As H.B. pointed out this will work too
正如 HB 指出的那样，这也行
private void button1_Click(object sender, RoutedEventArgs e)
{
ColorAnimation ca = new ColorAnimation(Colors.Blue, new Duration(TimeSpan.FromSeconds(4)));
this.Background = new SolidColorBrush(Colors.Red);
this.Background.BeginAnimation(SolidColorBrush.ColorProperty, ca);
}
回答by RQDQ
Here is one way:
这是一种方法：
<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">
<Grid x:Name="BackgroundGrid" Background="Red">
<Button HorizontalAlignment="Left" VerticalAlignment="Top">
Transition
<Button.Triggers>
<EventTrigger RoutedEvent="Button.Click">
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetName="BackgroundGrid" From="Red" To="Blue" Duration="0:0:4" Storyboard.TargetProperty="Background" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Button.Triggers>
</Button>
</Grid>
</Window>
回答by H.B.
You can use an animation(read this), specifically a ColorAnimation(see examples) or ColorAnimationUsingKeyframes.
您可以使用动画（阅读本文），特别是 a ColorAnimation（参见示例）或ColorAnimationUsingKeyframes.
回答by Guish
Just to complete LPL and H.B. answer..... In my case I needed to revert a control back to the same color it was before the animation.
只是为了完成 LPL 和 HB 答案..... 在我的情况下，我需要将控件恢复到动画之前的相同颜色。
Here is my code
这是我的代码
ColorAnimation animation = new ColorAnimation()
{
From = Colors.Orange,
To = ((SolidColorBrush)myControl.Background).Color,//Revert to initial control Color
Duration = new Duration(TimeSpan.FromSeconds(2))
};
myControl.Background = new SolidColorBrush(Colors.Orange);//Do not use a frozen instance
myControl.Background.BeginAnimation(SolidColorBrush.ColorProperty, animation);
