OpenWebinars

Lenguajes de Programación

Cómo hacer animaciones en WPF

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

José Manuel Montero Ortega

José Manuel Montero Ortega

EXPERTO EN XAMARIN

Lectura <1 minutos

Publicado el 4 de febrero de 2019

Compartir

    Tabla de contenidos

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”&gt;
&lt;StackPanel VerticalAlignment=”Center”&gt;
&lt;Label x:Name=”MyLabel” Content=”Hello” HorizontalAlignment=”Center”/&gt;
&lt;Button x:Name=”ButtonRotation” Width=”200” Height=”100” Content=”Press me”
Click=”Button_Click”/&gt;
&lt;/StackPanel&gt;
&lt;/Window&gt;
			

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

Qué es C#: Introducción
Blog

Qué es C#: Introducción

¿Qué es C#? Es un lenguaje de programación desarrollado por Microsoft, orientado a objetos. Te recomendamos que conozcas bien este potente lenguaje.

Daniel Ortego Delgado
Por qué aprender C#
Blog

Por qué aprender C#

Conoce los 7 principales motivos por los que resulta muy recomendable comenzar a desarrollar en C#.

José Manuel Montero Ortega
Icono de la tecnología
Curso

C# para principiantes

Principiante
3 h. y 29 min.

Aprende C# desde cero para sentar las bases de programación con Visual Studio y empieza a crear aplicaciones...

José Manuel Montero Ortega
4.2