Cómo hacer animaciones en WPF

Aprende a hacer animaciones de forma sencilla utilizando el lenguaje de marcas WPF.

Publicado el 04 de Febrero de 2019
Compartir

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.

curso-c-intermedio

Recuerda que puedes comenzar este curso con tu suscripción de OpenWebinars. Si todavía no estás suscrito, aprovecha para hacerlo ahora.


Compartir este post

También te puede interesar...

Tecnología

Datasets: Qué son y cómo acceder a ellos

01 Mayo 2023 Diego Caceres Solis
Tecnología

Comparativa Arduino vs Particle vs Raspberry Pi

11 Mayo 2023 Diego Caceres Solis

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información.