Übersicht über WPF-Grafiken, Animation und Medien

Artikel
08/20/2008

Aktualisiert: November 2007

In diesem Thema werden die Grafik-, Animations- und Medienfeatures von Windows Presentation Foundation (WPF) vorgestellt, mit denen Sie den Anwendungen Grafiken, Übergangseffekte, Sound und Video hinzufügen können.

WPF stellt erweiterte Zeichnungs- und Animationsfeatures bereit, Features, die vorher nur in speziellen Bibliotheken verfügbar waren - insbesondere Microsoft Windows Graphics Device Interface (GDI) und Microsoft Windows GDI+. WPF bietet nun integrierte Multimediaunterstützung, Vektorgrafiken, Animation und Inhaltskomposition, wodurch Entwickler auf einfache Weise interessante Benutzeroberflächen und Benutzerinhalte erstellen können. Mit Microsoft Visual Studio .NET bzw. sogar mit einem Text-Editor wie Microsoft Editor können Sie Vektorgrafiken oder komplexe Animationen erstellen und Medien in die Anwendungen integrieren.

Dieses Thema enthält folgende Abschnitte.

Neue Grafik- und Multimediafeatures in WPF
Animation
Medien
Verwandte Abschnitte

Neue Grafik- und Multimediafeatures in WPF

WPF stellt Windows-Entwicklern neue Grafikfeatures zur Verfügung, die folgende Vorteile bieten:

Auflösungs- und geräteunabhängige Grafiken. Das WPF-Grafiksystem verwendet geräteunabhängige Einheiten, um Auflösungs- und Geräteunabhängigkeit zu ermöglichen. Jedes geräteunabhängige Pixel wird automatisch mit der dpi-Einstellung (Dots per Inch) des Systems skaliert.
Höhere Genauigkeit. Das WPF-Koordinatensystem verwendet doubles anstatt floats. Transformationen und Durchlässigkeitswerte werden ebenfalls durch doubles ausgedrückt. WPF unterstützt auch eine breitere Farbskala (scRGB) und bietet integrierte Unterstützung für die Verwaltung von Eingaben aus unterschiedlichen Farbräumen.
Erweiterte Grafik und Animationsunterstützung. WPF vereinfacht die Grafikprogrammierung durch Verwaltung des Szenendiagramms. Sie müssen sich nicht mehr mit Szenenverarbeitung, Renderingschleifen und bilinearer Interpolation befassen. WPF bietet Trefferüberprüfung, ein integriertes Animationssystem und vollständige Alpha-Compositing-Unterstützung.
Hardwarebeschleunigung. Das Grafiksystem von WPF schöpft die Grafikhardware aus, um die CPU-Last zu verringern.

2D-Formen

WPF enthält eine Bibliothek häufig verwendeter vektorbasierter 2D-Formen wie Rechtecke und Ellipsen, die in der folgenden Abbildung dargestellt sind.

Ellipsen und Rechtecke

Diese systeminternen WPF-Formen sind mehr als nur Formen: Es handelt sich um programmierbare Elemente, die viele der Features implementieren, die Sie von den gebräuchlichsten Steuerelementen erwarten, etwa Tastatur- und Mauseingaben.

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

In der folgenden Abbildung wird die Ausgabe für das vorangehende XAML-Markup und Code-Behind dargestellt.

Ein Fenster mit dem Text "you clicked the ellipse!"

Weitere Informationen finden Sie unter Übersicht über Formen und die grundlegenden Funktionen zum Zeichnen in WPF. Ein einführendes Beispiel finden Sie unter Beispiel für Formelemente.

2D-Geometrien

Wenn die von WPF bereitgestellten 2D-Formen nicht ausreichen, können Sie mit der WPF-Unterstützung für Geometrien und Pfade eigene Formen erstellen. In der folgenden Abbildung wird verdeutlicht, wie Sie mit Geometrien Formen, etwa einen Zeichenpinsel, erstellen und andere WPF-Elemente ausschneiden können.

Verschiedene Einsatzbereiche eines Pfades

Weitere Informationen finden Sie unter Übersicht über die Geometrie. Ein einführendes Beispiel finden Sie unter Beispiele zu Geometrie.

2D-Effekte

WPF stellt eine Bibliothek von 2D-Klassen bereit, mit denen Sie eine Vielzahl von Effekten erstellen können. Die 2D-Renderingfunktion von WPF bietet die Möglichkeit, Benutzeroberfläche-Elemente mit Farbverläufen, Bitmaps, Zeichnungen und Videos zu zeichnen und sie durch Drehung, Skalierung und Neigen zu bearbeiten. Die folgende Abbildung zeigt ein Beispiel für die vielen Effekte, die Sie mit WPF-Pinseln erreichen können.

Darstellung unterschiedlicher Pinsel

Weitere Informationen finden Sie unter Übersicht über WPF-Pinsel. Ein einführendes Beispiel finden Sie unter Beispiel für Pinsel.

3D-Rendering

WPF enthält eine Reihe von 3D-Renderingfunktionen, die in der 2D-Grafikunterstützung in WPF integriert sind, damit Sie Layout, Benutzeroberfläche und Datenvisualisierung noch ansprechender gestalten können. Mit WPF können Sie sogar 2D-Bilder auf den Oberflächen von 3D-Formen rendern, was in der folgenden Abbildung veranschaulicht wird.

Bildschirmabbildung für Visual3D-Beispiel

Weitere Informationen finden Sie unter Übersicht über 3D-Grafiken. Ein einführendes Beispiel finden Sie unter Beispiel zu 3D-Festkörpern.

Animation

Mit Animation können Sie Steuerelemente und Elemente wachsen, bewegen, drehen sowie ein- und ausblenden lassen und z. B. interessante Seitenübergänge erzeugen. Da Sie mitWPF die meisten Eigenschaften animieren können, können Sie nicht nur die meisten WPF-Objekte animieren, sondern Sie können WPF auch verwenden, um benutzerdefinierte Objekte, die Sie erstellen, zu animieren.

Bilder eines animierten Cubes

Weitere Informationen finden Sie unter Übersicht über Animationen. Ein einführendes Beispiel finden Sie unter Beispielsammlung zu Animationen.

Medien

Bilder, Video und Audio bieten eine umfangreiche Medienunterstützung, um Informationen zu vermitteln und für Benutzerfreundlichkeit zu sorgen.

Bilder

Bilder, dazu zählen Symbole, Hintergründe und sogar Teile von Animationen, sind ein Hauptbestandteil der meisten Anwendungen. Da Sie häufig Bilder verwenden müssen, bietet WPF die Möglichkeit, sie auf vielfältige Weise einzusetzen. In der folgenden Abbildung wird lediglich eine der Möglichkeiten dargestellt.

Bildschirmabbildung für Formatierungsbeispiel

Weitere Informationen finden Sie unter Übersicht über die Bildverarbeitung. Ein einführendes Beispiel finden Sie unter Demo für WPF-Fotoviewer.

Video und Audio

Ein Hauptfeature der Grafikfunktionen von WPF besteht in der systemeigenen Unterstützung für die Arbeit mit Multimedia, z. B. Video und Audio. Das folgende Beispiel zeigt, wie ein Media Player in eine Anwendung eingefügt wird.

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

Mit dem MediaElement können Video und Audio wiedergegeben werden. Es lässt sich so erweitern, dass benutzerdefinierte UIs leicht erstellt werden können.

Weitere Informationen finden Sie unterÜbersicht über Multimedia. Ein einführendes Beispiel finden Sie unter Medienkatalog.