Farbe übergang in WPF

Möchte ich ein Farbübergang von Background Farbe eines WPF-Fensters.

Wie kann ich dies tun?

Beispiel:

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

Wenn ich auf 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.
}
  • Warum? Fühlen Sie sich frei zu kommentieren
  • +1 ich verstehe nicht, warum dieser nach unten gestimmt. Die Frage ist klar und es gibt einige code zu demonstrieren, was der OP will.
  • Downvote war wohl für den Mangel angezeigt Anstrengungen, um das problem zu lösen auf Ihren eigenen (siehe unten-Pfeil tooltip). Auch ich bin sicher, dies wurde gebeten vor, so dass die Suche bemühen, könnten in Frage gestellt werden, wie gut.
InformationsquelleAutor Ionică Bizău | 2012-07-23
  1. 13

    Im code, es kann getan werden mit dieser

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

    Als H. B. wies darauf hin, diese arbeiten zu

    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);
}
    • Mit s storyboard für eine einzige animation ist ein wenig redudant, Sie konnte einfach BeginAnimation statt.
    • ca); löst eine Ausnahme aus, kann Nicht animieren Sie die Eigenschaft 'Color' auf 'System.Windows.Media.SolidColorBrush', da das Objekt versiegelt oder eingefroren. Wenn Sie wissen, wie man dieses Problem lösen bitte teilen Sie Ihr wissen.
    • Sie müssen nur sicherstellen, dass nicht verwenden Sie eine gefrorene Instanz einer SolidColorBrush, z.B. die Background zu new SolidColorBrush(Colors.Red), dann animieren Sie, dass. Die Instanzen von Brushes sind wohl alle eingefroren, so dass Sie nicht geändert werden können (das wäre seltsam, sich vorstellen, jemanden unter die Brushes.Red und jetzt ist es blau).
    InformationsquelleAutor LPL
  2. 5

    Hier ist eine Möglichkeit:

    <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>
    • Es gibt keine C# - code - das mit reinem xaml-Code.
    • Wollen Sie C# - code, um die animation zu starten, oder C# - code um die Bewegungssimulation zu definieren?
    • Diese Antwort tut, was Sie wollen, schon, es ändert die Farbe beim klicken, gibt es keine Notwendigkeit, verwenden Sie die event-handler und den code dahinter.
    • Das ist in Ordnung - antwortete ich mit dem, was in den Sinn kam zuerst. Ich mag die ColorAnimation Ansatz (ich war nicht bewusst, dass option), so dass ich aktualisiert meine Antwort im Fall, dass jemand anderes kann es überhaupt verwenden.
    InformationsquelleAutor RQDQ
  3. 3

    Können Sie eine animation (hier Lesen), insbesondere eine ColorAnimation (siehe Beispiele) oder ColorAnimationUsingKeyframes.

    InformationsquelleAutor H.B.
  4. 1

    Nur vollständige LPL und H. B. Antwort.....
    In meinem Fall, die ich brauchte, um wieder eine Kontrolle zurück zu der gleichen Farbe, die es war, bevor die animation.

    Hier ist mein 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);
    • Was ist falsch mit Autoreverse=true ?
    • Ich wollte ein instant-Orange Farbe, dann verblassen zurück zu "Farbe". Autoreverse erlaubt das ausblenden von "Farbe" Orange dann wieder in "Farbe".
    InformationsquelleAutor Guish
Schreibe einen Kommentar