Cómo hacer animaciones en WPF
Ejemplo de animación sencilla
WPF es un lenguaje de marcas que nos permite hacer aplicaciones visualmente muy ricas.
Vamos a ver un ejemplo creado en Visual Studio, la herramienta empleada por la gran mayoría de desarrolladores en C#.
mc:Ignorable=”d”
Title=”MainWindow” Height=”450” Width=”800”>
<StackPanel VerticalAlignment=”Center”>
<Label x:Name=”MyLabel” Content=”Hello” HorizontalAlignment=”Center”/>
<Button x:Name=”ButtonRotation” Width=”200” Height=”100” Content=”Press me”
Click=”Button_Click”/>
</StackPanel>
</Window>
Hemos creado un pequeño panel, una etiqueta y un botón, además de un clic, al que podemos acceder para poder hacer una animación muy sencilla pero que puede aportar mucho valor visual.
Para hacer la animación vamos a crear el siguiente código
{
InitializeComponent();
}
private void Button_Click(object sender, RoutedEventArgs e)
{
var fadeAnimation = new DoubleAnimation();
fadeAnimation.From = 1;
fadeAnimation.To = 0;
fadeAnimation.AutoReverse = true;
MyLabel.BeginAnimation(Label.OpacityProperty, fadeAnimation);
}
}
}
Si lo ejecutamos vemos como nos aparece el botón con la etiqueta y va cambiando de color, lo que puede ser interesante, como hemos dicho, para dar más valor visual a muchas aplicaciones, ya que WPF es mucho más potente en ese aspecto a otros entornos visuales que podemos encontrar en otros lenguajes.
Si quieres ampliar tus conocimientos de C# puedes hacer este Curso de C# Intermedio de nuestro profesor José Manuel Montero.
Recuerda que puedes comenzar este curso con tu suscripción de OpenWebinars. Si todavía no estás suscrito, aprovecha para hacerlo ahora.