Grafica e contenuti multimediali

2025-05-07

Windows Presentation Foundation (WPF) offre supporto per elementi multimediali, grafica vettoriale, animazione e composizione di contenuto, semplificando agli sviluppatori la creazione di interfacce utente e contenuti interessanti. Usando Visual Studio, è possibile creare grafica vettoriale o animazioni complesse e integrare elementi multimediali nelle applicazioni.

In questo argomento vengono presentate le funzionalità grafiche, di animazione e di contenuti multimediali di WPF, che consentono di aggiungere grafica, effetti di transizione, audio e video alle applicazioni.

Annotazioni

L'uso di tipi WPF in un servizio Windows è fortemente sconsigliato. Se si tenta di usare tipi WPF in un servizio Windows, il servizio potrebbe non funzionare come previsto.

Novità della grafica e dei contenuti multimediali in WPF 4

Sono state apportate diverse modifiche relative alla grafica e alle animazioni.

Arrotondamento del layout

Quando un bordo dell'oggetto si trova al centro di un dispositivo pixel, il sistema grafico indipendente da DPI può creare artefatti di rendering, ad esempio bordi sfocati o semitrasparenti. Le versioni precedenti di WPF includevano lo snapping dei pixel per affrontare questo problema. Silverlight 2 ha introdotto l'arrotondamento del layout, che è un altro modo per spostare gli elementi in modo che i bordi cadano su limiti di pixel interi. WPF supporta ora l'arrotondamento del layout con la UseLayoutRounding proprietà associata su FrameworkElement.
Composizione memorizzata nella cache

Usando le nuove BitmapCache classi e BitmapCacheBrush , è possibile memorizzare nella cache una parte complessa della struttura ad albero visuale come bitmap e migliorare notevolmente il tempo di rendering. La bitmap rimane reattiva all'input dell'utente, ad esempio i clic del mouse, ed è possibile disegnare su altri elementi esattamente come qualsiasi pennello.
Supporto di Pixel Shader 3

WPF 4 si basa sul ShaderEffect supporto introdotto in WPF 3.5 SP1 consentendo alle applicazioni di scrivere effetti usando Pixel Shader (PS) versione 3.0. Il modello di shader PS 3.0 è più sofisticato rispetto a PS 2.0, che consente di ottenere ancora più effetti sull'hardware supportato.
Funzioni di ammorbidimento

È possibile migliorare le animazioni con funzioni di interpolazione, che consentono di controllare ancora meglio il comportamento delle animazioni. Ad esempio, puoi applicare un oggetto ElasticEase a un'animazione per dare all'animazione un comportamento springy. Per ulteriori informazioni, vedere i tipi di facilitazione nello spazio dei nomi System.Windows.Media.Animation.

Grafica e rendering

WPF include il supporto per la grafica 2D di alta qualità. La funzionalità include pennelli, geometrie, immagini, forme e trasformazioni. Per altre informazioni, vedere Grafica. Il rendering degli elementi grafici si basa sulla Visual classe . La struttura degli oggetti visivi sullo schermo è descritta dalla struttura ad albero visuale. Per altre informazioni, vedere Panoramica del rendering della grafica WPF .

Forme 2D

WPF offre una libreria di forme 2D di uso comunemente disegnate da vettori, ad esempio rettangoli e puntini di sospensione, mostrata nella figura seguente.

Diagramma che mostra ellissi e rettangoli.

Queste forme wpf intrinseche non sono solo forme: sono elementi programmabili che implementano molte delle funzionalità previste dai controlli più comuni, che includono input da tastiera e mouse. Nell'esempio seguente viene illustrato come gestire l'evento MouseUp generato facendo clic su un Ellipse elemento .

<Window
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://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'illustrazione seguente mostra l'output per il markup XAML e il codice associato precedenti.

Una finestra di dialogo dice

Per ulteriori informazioni, vedere Figure e Disegno di Base in Panoramica su WPF. Per un esempio introduttivo, vedere Esempio di elementi shape.

Geometrie 2D

Quando le forme 2D fornite da WPF non sono sufficienti, è possibile usare il supporto WPF per geometrie e percorsi per crearne di personalizzati. La figura seguente illustra come usare le geometrie per creare forme, come pennello di disegno e per ritagliare altri elementi WPF.

Screenshot che mostra come usare le geometrie per creare forme.

Per altre informazioni, vedere Cenni preliminari sulla geometria. Per un esempio introduttivo, vedere Esempio di geometrie.

Effetti 2D

WPF offre una libreria di classi 2D che è possibile usare per creare un'ampia gamma di effetti. La funzionalità di rendering 2D di WPF consente di disegnare elementi dell'interfaccia utente con sfumature, bitmap, disegni e video; e per manipolarli usando rotazione, ridimensionamento e asimmetria. La figura seguente fornisce un esempio dei numerosi effetti che è possibile ottenere usando i pennelli WPF.

Illustrazione che mostra i diversi pennelli WPF e gli elementi di disegno.

Per altre informazioni, vedere Cenni preliminari sui pennelli WPF. Per un esempio introduttivo, vedere Esempio di pennelli.

Rendering 3D

WPF offre un set di funzionalità di rendering 3D che si integrano con il supporto della grafica 2D in WPF per creare layout, interfaccia utente e visualizzazione dei dati più interessanti. A una fine dello spettro, WPF consente di eseguire il rendering di immagini 2D sulle superfici delle forme 3D, illustrate nella figura seguente.

Screenshot di un esempio che mostra le forme 3D con trame diverse.

Per altre informazioni, vedere Panoramica della grafica 3D. Per un esempio introduttivo, vedere Esempio di Solidi 3D.

Animazione

Usa l'animazione per ingrandire, scuotere, ruotare e far dissolvere controlli ed elementi, creare transizioni di pagina interessanti e altro ancora. Poiché WPF consente di animare la maggior parte delle proprietà, non solo è possibile animare la maggior parte degli oggetti WPF, è anche possibile usare WPF per animare oggetti personalizzati creati.

Screenshot di un cubo animato.

Per altre informazioni, vedere Panoramica dell'animazione. Per un esempio introduttivo, vedi Raccolta di esempi di animazione.

Mezzi di comunicazione

Immagini, video e audio sono modi avanzati per trasmettere informazioni ed esperienze utente.

Immagini

Le immagini, che includono icone, sfondi e persino parti di animazioni, sono una parte fondamentale della maggior parte delle applicazioni. Poiché spesso è necessario usare le immagini, WPF espone la possibilità di usarle in diversi modi. La figura seguente mostra solo uno di questi modi.

Screenshot esempio di stile

Per ulteriori informazioni, vedere Imaging Overview.

Video e audio

Una funzionalità di base delle funzionalità grafiche di WPF consiste nel fornire supporto nativo per l'uso di contenuti multimediali, che include video e audio. Nell'esempio seguente viene illustrato come inserire un lettore multimediale in un'applicazione.

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

MediaElement è in grado di riprodurre sia video che audio ed è abbastanza estensibile per consentire la facile creazione di interfacce utente personalizzate.

Per altre informazioni, vedere La panoramica multimediale.