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.