Chuyển đổi màu trong WPF

Question

Tôi muốn thực hiện chuyển đổi màu của màu Background màu của cửa sổ WPF.

Tôi làm cách nào để thực hiện việc này?

Ví dụ:

Brush i_color = Brushes.Red; //this is the initial color 
Brush f_color = Brushes.Blue; //this is the final color 

Khi tôi bấm vào Button button1

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. 
} 

Answer 1

Trong mã nó có thể được thực hiện với điều này

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(); 
} 

Như H.B. đã chỉ ra điều này cũng sẽ hoạt động quá

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); 
} 

Answer 2

Bạn có thể sử dụng một animation (đọc), đặc biệt là một ColorAnimation (xem ví dụ) hoặc ColorAnimationUsingKeyframes.

Answer 3

Dưới đây là một cách:

<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> 

Answer 4

Chỉ cần hoàn thành LPL và H.B. Trả lời ..... Trong trường hợp của tôi, tôi cần phải hoàn nguyên một điều khiển về cùng màu trước khi hoạt hình.

Đây là mã của tôi

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);