Graphiques et multimédia

Windows Presentation Foundation (WPF) offre une prise en charge du multimédia, des graphiques vectoriels, de l'animation et de la composition de contenu, simplifiant la génération d'interfaces utilisateur et de contenu pour les développeurs. À l'aide de Microsoft Visual Studio, vous pouvez créer des graphiques vectoriels ou des animations complexes, et intégrer des médias à vos applications.

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

Remarque
L'utilisation de types WPF dans un service Windows est fortement déconseillée.Si vous tentez d'utiliser des types WPF dans un service Windows, le service peut ne pas fonctionner comme prévu.

Cette rubrique comprend les sections suivantes.

• Nouveautés liées aux graphiques et au contenu multimédia dans WPF 4
• Graphiques et rendu
• Rendu 3D
• Animation
• Multimédia
• Rubriques connexes

Nouveautés liées aux graphiques et au contenu multimédia dans WPF 4

Plusieurs modifications ont été apportées aux graphiques et aux animations.

• Arrondi de disposition

  Lorsque le bord d'un objet tombe au milieu d'un pixel de périphérique, le système de graphique indépendant des ppp peut créer des artefacts de rendu, tels que des bords flous ou semi-transparents. Les versions antérieures de WPF incluaient l'accrochage des pixels pour permettre de traiter ce cas. Silverlight 2 a introduit l'arrondi de disposition, qui est une autre manière de déplacer des éléments afin que les bords tombent sur les limites des pixels entières. WPF prend maintenant en charge l'arrondi de disposition avec la propriété jointe UseLayoutRounding sur FrameworkElement.

• Composition mise en cache

  En utilisant les nouvelles classes BitmapCache et BitmapCacheBrush, vous pouvez mettre en cache une partie complexe de l'arborescence d'éléments visuels en tant qu'image bitmap et améliorer nettement l'heure du rendu. L'image bitmap continue de réagir aux entrées d'utilisateur, telles que les clics de souris, et vous pouvez la peindre sur d'autres éléments comme avec n'importe quel pinceau.

• Prise en charge de Pixel Shader 3

  WPF 4 repose sur la prise en charge ShaderEffect introduite dans WPF 3.5 SP1, qui permet aux applications d'écrire des effets à l'aide de Pixel Shader (PS) version 3.0. Le modèle du nuanceur de PS 3.0 est plus sophistiqué que celui de PS 2.0 et permet d'obtenir davantage d'effets sur le matériel pris en charge.

• Fonctions d'accélération

  Vous pouvez améliorer des animations avec des fonctions d'accélération, qui vous permettent de mieux contrôler le comportement des animations. Par exemple, vous pouvez appliquer une ElasticEase à une animation afin de lui conférer un comportement élastique. Pour plus d'informations, consultez les types d'accélération dans l'espace de noms System.Windows.Media.Animation.

Graphiques et rendu

WPF comprend la prise en charge des graphiques 2D de haute qualité. Cette fonctionnalité comprend des pinceaux, des géométries, des images, des formes et des transformations. Pour plus d'informations, consultez Graphiques. Le rendu des éléments graphiques est basé sur la classe Visual. La structure des objets visuels à l'écran est représentée par l'arborescence d'éléments visuels. Pour plus d'informations, consultez Vue d'ensemble du rendu graphique de WPF.

Formes 2D

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

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. L'exemple suivant montre comment gérer l'événement MouseUp que vous déclenchez en cliquant sur un élément Ellipse.

<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("You clicked the ellipse!");
    }
}

Partial Public Class Window1
    Inherits Window
    Private Sub ellipseButton_MouseUp(ByVal sender As Object, ByVal e As MouseButtonEventArgs)
        MessageBox.Show("You clicked the ellipse!")
    End Sub
End Class

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

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

Géométries 2D

Lorsque les formes 2-D 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.

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

Effets 2D

WPF fournit à une bibliothèque de classes 2-D que vous pouvez utiliser pour créer divers effets. La capacité de rendu 2-D de WPF permet de peindre des éléments d'UI comportant des gradients, des bitmaps, des dessins et des 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.

Pour plus d'informations, consultez Vue d'ensemble des pinceaux WPF. Pour obtenir un exemple de présentation, consultez Pinceaux, exemple.

Rendu 3D

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

Pour plus d'informations, consultez Vue d'ensemble des graphiques 3D. Pour obtenir un exemple de présentation, 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.

Pour plus d'informations, consultez Vue d'ensemble de l'animation. Pour obtenir un exemple de présentation, 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.

Pour plus d'informations, consultez Vue d'ensemble de la création d'images.

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 UIs personnalisés.

Pour plus d'informations, consultez Vue d'ensemble du multimédia.

Voir aussi

Référence

System.Windows.Media

System.Windows.Media.Animation

System.Windows.Media.Media3D

Concepts

Optimisation des performances : graphiques 2D et acquisition d'images

Vue d'ensemble des formes et dessins de base dans WPF

Vue d'ensemble de la peinture avec des couleurs unies ou des dégradés

Peinture avec des objets d'image, de dessin et visuels

Autres ressources

Animation et minutage

Graphiques 3D

Multimédia

Historique des modifications

Date	Historique	Motif
Décembre 2010	Ajout de l'exemple Visual Basic manquant.	Résolution des bogues de contenu.