Información general sobre características de gráficos, animación y multimedia en WPF

Artículo
10/07/2008

Actualización: noviembre 2007

En este tema se presentan las características de gráficos, animación y multimedia de Windows Presentation Foundation (WPF), que permite agregar gráficos, efectos de transición, sonido y vídeo a las aplicaciones.

WPF ofrece características avanzadas de dibujo y animación, características que antes solamente estaban disponibles en bibliotecas especializadas, en concreto Interfaz de dispositivo gráfico de Microsoft Windows (GDI) y Microsoft Windows GDI+. WPF ofrece ahora compatibilidad integrada para multimedia, gráficos vectoriales, animación y composición de contenidos, lo que facilita a los programadores la tarea de generar interesantes interfaces de usuario y contenidos. Utilizando Microsoft Visual Studio .NET o, incluso, un editor de texto como Bloc de notas de Microsoft, puede crear gráficos vectoriales o animación complejas e integrar multimedia en las aplicaciones.

Este tema contiene las secciones siguientes.

Novedades de gráficos y multimedia en WPF
Animación
Multimedia
Temas relacionados

Novedades de gráficos y multimedia en WPF

WPF presenta a los programadores de Windows nuevas características de gráficos que tienen las ventajas siguientes:

Gráficos independientes de la resolución e independientes del dispositivo. El sistema de gráficos de WPF utiliza unidades independientes del dispositivo para que sean independientes de la resolución y del dispositivo. Cada píxel independiente del dispositivo ajusta su escala automáticamente a la configuración de puntos por pulgada del sistema.
Precisión mejorada. El sistema de coordenadas de WPF utiliza valores de tipo double en lugar de float. Las transformaciones y los valores de opacidad también se expresan usando valores de tipo double. WPF admite además una gama de color más amplia (scRGB) y ofrece compatibilidad integrada para la administración de entradas de diferentes espacios de color.
Compatibilidad con gráficos avanzados y animación. WPF simplifica la programación de gráficos administrando por usted la representación gráfica de la escena; ya no hay que preocuparse de procesados de escenas, bucles de representación e interpolaciones bilineales. WPF ofrece compatibilidad con pruebas de posicionamiento, un sistema de animación integrado y compatibilidad total con composición alfa.
Aceleración de hardware. El sistema de gráficos de WPF se ha diseñado de modo que aproveche el hardware gráfico para minimizar el uso de la CPU.

Formas 2D

WPF proporciona una biblioteca de formas 2D de uso común, dibujadas mediante vectores, tales como rectángulos y elipses que se muestran en la ilustración siguiente.

Elipses y rectángulos

Estas formas intrínsecas de WPF no son solamente formas: son elementos programables que implementan muchas de las características que se esperan de la mayoría de los controles comunes, incluida la entrada de teclado y mouse.

<Window
  xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
  x:Class="Window1" >
  <Ellipse Fill="LightBlue" MouseUp="ellipseButton_MouseUp" />
</Window>
public partial class Window1  : Window
{
    void ellipseButton_MouseUp(object sender, MouseButtonEventArgs e)
    {
        MessageBox.Show("Me, a simple ellipse, was mouse clicked!");
    }
}

La ilustración siguiente muestra el resultado del marcado XAML y del código subyacente anterior.

Ventana con el texto "ha hecho clic en la elipse"

Para obtener más información, consulte Información general sobre formas y dibujo básico en WPF. Para ver un ejemplo introductorio, consulte Ejemplo Shape Elements.

Geometrías 2D

Cuando las formas 2D que proporciona WPF no sean suficientes, puede utilizar la compatibilidad de WPF con geometrías y trayectorias para crear formas propias. La ilustración siguiente muestra cómo puede utilizar geometrías para crear formas, como un pincel de dibujo, y para recortar otros elementos de WPF.

Diversos usos de un trayecto

Para obtener más información, consulte Información general sobre geometría. Para ver un ejemplo introductorio, consulte Ejemplo Geometries.

Efectos 2D

WPF proporciona una biblioteca de clases 2D que puede utilizar para crear diversos efectos. La capacidad de representación 2D de WPF ofrece la capacidad de pintar elementos interfaz de usuario con degradados, mapas de bits, dibujos y vídeos; también de manipularlos utilizando giro, escalado y sesgo. La ilustración siguiente proporciona un ejemplo de los muchos efectos que puede lograr utilizando los pinceles de WPF.

Ilustración de diferentes pinceles

Para obtener más información, consulte Información general sobre pinceles de WPF. Para ver un ejemplo introductorio, consulte Ejemplo Brushes.

Representación 3D

WPF proporciona un conjunto de capacidades de representación 3D que se integran con la compatibilidad con gráficos 2D en WPF para crear interesantes diseños, interfaz de usuario y visualizaciones de datos. En un extremo del espectro, WPF permite representar imágenes 2D en las superficies de formas 3D, que se muestran en la siguiente ilustración.

Captura de pantalla de ejemplo Visual3D

Para obtener más información, vea Información general sobre gráficos 3D. Para ver un ejemplo introductorio, consulte Ejemplo 3-D Solids.

Animación

Utilice animaciones para hacer que los controles y los elementos crezcan, se agiten, giren y se desvanezcan, para crear interesantes transiciones de página y para otros efectos. Dado que WPF permite animar la mayoría de las propiedades, no solamente podrá animar la mayoría de los objetos de WPF, sino que también puede utilizar WPF para animar los objetos personalizados que cree.

Imágenes de un cubo animado

Para obtener más información, consulte Información general sobre animaciones. Para ver un ejemplo introductorio, consulte Ejemplo Animation Example Gallery.

Multimedia

Las imágenes, el vídeo y el audio son medios multimedia para la difusión de información y experiencias de usuario.

Imágenes

Las imágenes, entre las que se incluyen iconos, fondos e incluso partes de animaciones, son una parte básica de la mayoría de las aplicaciones. Dado que frecuentemente necesitará utilizar imágenes, WPF expone la capacidad de trabajar con ellas de diversas maneras. La ilustración siguiente muestra solamente una de esas maneras.

Captura de pantalla de ejemplo de aplicación de estilos

Para obtener más información, consulte Información general sobre imágenes. Para ver un ejemplo introductorio, Demo WPF Photo Viewer.

Vídeo y audio

Una característica básica de las capacidades gráficas de WPF es la compatibilidad nativa para el trabajo con multimedia, lo que incluye vídeo y audio. El ejemplo siguiente muestra cómo insertar un reproductor multimedia en una aplicación.

<MediaElement Source="media\numbers.wmv" Width="450" Height="250" />

MediaElement es capaz de reproducir tanto vídeo como audio, y es lo suficientemente extensible como para permitir la creación fácil de UIs personalizadas.

Para obtener más información, vea Información general sobre multimedia. Para ver un ejemplo introductorio, vea Ejemplo Media Gallery.