Vue d'ensemble des graphiques, animations et du multimédia WPF

Article
08/22/2008

Mise à jour : novembre 2007

Cette rubrique présente les fonctionnalités de graphiques, d'animation et multimédia de Windows Presentation Foundation (WPF) qui vous permettent d'ajouter des graphiques, des effets de transition, du son et des vidéos à vos applications.

WPF fournit des fonctionnalités de dessin et d'animation avancées, fonctionnalités qui étaient précédemment disponibles uniquement à partir de bibliothèques spécialisés, principalement interface graphique GDI (Graphics Device Interface) Microsoft Windows et Microsoft Windows GDI+. WPF offre désormais une prise en charge intégrée pour le multimédia, les graphiques vectoriels; l'animation et la composition de contenu, permettant aux développeurs de générer facilement des interfaces utilisateur et du contenu. À l'aide de Microsoft Visual Studio .NET, ou même d'un éditeur de texte comme Bloc-notes Microsoft, vous pouvez créer des graphique vectoriels ou des animations complexes et intégrer du multimédia dans vos applications.

Cette rubrique comprend les sections suivantes.

Nouveautés avec les graphiques et le multimédia dans le WPF
Animation
Multimédia
Rubriques connexes

Nouveautés avec les graphiques et le multimédia dans le WPF

WPF présente aux développeurs Windows de nouvelles fonctionnalités graphiques disposant des avantages suivants :

Graphiques indépendants du périphérique et de toute résolution. Le système graphique WPF utilise des unités indépendantes du périphérique pour permettre l'indépendance en terme de périphérique et de résolution. Chaque pixel indépendant du périphérique met automatiquement à l'échelle avec le paramètre de points par pouce de votre système.
Précision améliorée. Le système de coordonnées WPF utilise des valeurs doubles au lieu de valeurs float. Les transformations et valeurs d'opacité sont également exprimées en utilisant des valeurs doubles. WPF prend en également en charge une gamme de couleurs plus large (scRGB) et fournit une prise en charge intégrée pour la gestion des sorties provenant d'espaces de couleur différents.
Prise en charge de graphiques avancés et d'animation. WPF simplifie la programmation graphique en gérant le graphique de scène pour vous ; fini les soucis de traitement de scène, de rendu de boucles, et d'interpolation bilinéaire. WPF fournit une prise en charge de test d'atteinte, un système d'animation intégré et une prise en charge de composition alpha complète.
Accélération matérielle. Le système graphique WPF est conçu pour tirer profit des avantages du matériel vidéo pour réduire l'utilisation du processeur au minimum.

Formes 2D

WPF fournit une bibliothèque de formes vectorielles 2D couramment utilisées, telles que des les rectangles et ellipses présentés dans l'illustration suivante.

Ellipses et rectangles

Ces formes WPF intrinsèques ne sont pas seulement des formes : ce sont des éléments programmables qui implémentent de nombreuses fonctionnalités que vous attendez de la plupart des contrôles communs, incluant l'entrée clavier et souris.

<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!");
    }
}

L'illustration suivante montre la sortie pour la balise XAML précédente et code-behind.

Fenêtre avec le texte "vous avez cliqué sur le bouton de sélection"

Pour plus d'informations, consultez Vue d'ensemble des formes et dessins de base dans WPF. Pour obtenir un exemple d'introduction, consultez Éléments de forme, exemple.

Géométries 2D

Lorsque les formes 2D que WPF fournit ne sont pas suffisantes, vous pouvez utiliser la prise en charge WPF pour les géométries et les chemins d'accès pour créer le vôtre. L'illustration suivante montre comment vous pouvez utiliser des géométries pour créer des formes, comme un pinceau de dessin, et extraire d'autres éléments WPF.

Différentes utilisations d'un Chemin d'accès

Pour plus d'informations, consultez Vue d'ensemble de Geometry. Pour obtenir un exemple d'introduction, consultez Géométries, exemple.

Effets 2D

WPF fournit à une bibliothèque de classes 2D que vous pouvez utiliser pour créer divers effets. La capacité de rendu 2D de WPF permet de peindre des éléments interface utilisateur avec les gradients, bitmaps, dessins et vidéos, et de les manipuler en utilisant la rotation, la mise à l'échelle et l'inclinaison. L'illustration suivante donne un exemple des nombreux effets que vous pouvez obtenir en utilisant des pinceaux WPF.

Illustration de différents pinceaux

Pour plus d'informations, consultez Vue d'ensemble des pinceaux WPF. Pour obtenir un exemple d'introduction, consultez Pinceaux, exemple.

Rendu 3D

WPF fournit un jeu de capacités de rendu 3D qui s'intègrent avec la prise en charge de graphiques 2D dans WPF pour vous puissiez créer des dispositions plus intéressantes, interface utilisateur et des visualisations de données. À la fin du spectre, WPF vous permet de restituer des images 2D sur les surfaces des formes 3D, que montre l'illustration suivante.

Capture d'écran : exemple Visual3D

Pour plus d'informations, consultez Vue d'ensemble des graphiques 3D. Pour obtenir un exemple d'introduction, consultez Solides 3D, exemple.

Animation

Utilisez les animations pour agrandir, faire bouger, faire pivoter et réaliser des fondus avec les contrôles et éléments, et pour créer des transitions de page intéressantes, etc.. En raison du fait que WPF vous permet d'animer la plupart des propriétés, vous pouvez non seulement animer la plupart des objets WPF, mais également utiliser WPF pour animer les objets personnalisés que vous créez.

Images d'un cube animé

Pour plus d'informations, consultez Vue d'ensemble de l'animation. Pour obtenir un exemple d'introduction, consultez Galerie d'exemples d'animation.

Multimédia

Les images, la vidéo et l'audio sont des moyens multimédia riches permettant d'acheminer des informations et des expériences utilisateur.

Images

Les images, qui incluent les icônes, les arrière-plans et même une partie des animations, sont une partie principale de la plupart des applications. Du fait que vous devez fréquemment utiliser des images, WPF expose la capacité de les utiliser de différentes manières. L'illustration suivante montre juste un de ces moyens.

Capture d'écran : exemple de styles

Pour plus d'informations, consultez Vue d'ensemble de l'acquisition d'images. Pour obtenir un exemple d'introduction, consultez WPF Photo Viewer, démonstration.

Audio et vidéo

Une fonctionnalité principale des capacités graphique de WPF est de fournir la prise en charge native pour utiliser le multimédia, qui inclut la vidéo et l'audio. L'exemple suivant indique comment insérer un lecteur multimédia dans une application.

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

MediaElement est capable de jouer à la fois vidéo et audio, et est suffisamment extensible pour autoriser la création facile de interfaces utilisateur personnalisés.

Pour plus d'informations, consultez Vue d'ensemble du multimédia. Pour obtenir un exemple d'introduction, consultez Galerie multimédia.