Cenni preliminari su supporti, animazione e grafica WPF

Articolo
09/12/2008

Aggiornamento: novembre 2007

In questo argomento vengono illustrate le funzionalità relative alla grafica, all'animazione e ai supporti di Windows Presentation Foundation (WPF) che consentono di aggiungere grafica, effetti di transizione, suoni e video alle applicazioni.

WPF offre funzionalità di animazione e disegno avanzate, in precedenza disponibili unicamente in librerie specializzate, in modo specifico in Microsoft Windows Graphics Device Interface (GDI) e Microsoft Windows GDI+. In WPF è ora disponibile il supporto integrato per contenuti multimediali, grafica vettoriale, animazione e composizione di contenuti, con cui gli sviluppatori possono ora compilare contenuti e interfacce utente interessanti. Tramite Microsoft Visual Studio .NET o anche un editor di testo come il Blocco note Microsoft, è possibile creare grafica vettoriale o animazioni complesse e integrare supporti nelle applicazioni.

Nel presente argomento sono contenute le seguenti sezioni.

Novità di WPF relativamente a grafica e contenuti multimediali
Animazione
Supporti multimediali
Argomenti correlati

Novità di WPF relativamente a grafica e contenuti multimediali

In WPF gli sviluppatori Windows hanno a disposizione nuove funzionalità grafiche con i seguenti vantaggi:

Grafica indipendente dal dispositivo e dalla risoluzione. Il sistema grafico di WPF utilizza unità indipendenti dal dispositivo per garantire l'indipendenza sia dalla risoluzione sia dal dispositivo. Ogni pixel indipendente dal dispositivo viene automaticamente scalato con l'impostazione punti per pollice del sistema.
Maggiore precisione. Il sistema di coordinate WPF utilizza valori double anziché float. Anche i valori di opacità e delle trasformazioni vengono espressi utilizzando valori double. In WPF è inoltre supportata una gamma di colori più ampia (scRGB) ed è disponibile il supporto integrato per la gestione degli input da spazi colore diversi.
Animazione e grafica avanzate. WPF semplifica la programmazione della grafica tramite la gestione automatica del grafico della scena; non sarà più necessario preoccuparsi di elaborazione della scena, loop di rendering e interpolazione bilineare. WPF supporta l'hit testing, un sistema di animazione integrato e la composizione alfa completa.
Accelerazione hardware. Il sistema grafico di WPF è progettato per trarre i massimi vantaggi dall'hardware grafico per ridurre al minimo l'utilizzo della CPU.

Forme bidimensionali

WPF fornisce una libreria di forme 2D basate su vettore e di utilizzo comune quali rettangoli ed ellissi, come illustrato di seguito.

Ellissi e rettangoli

Queste forme WPF intrinseche non sono solo forme, ma elementi programmabili che implementano molte funzionalità tipiche dei controlli più comuni, incluso l'input della tastiera e del 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!");
    }
}

Di seguito viene illustrato l'output per il code-behind e il markup XAML precedente.

Finestra con il testo "you clicked the ellipse!"

Per ulteriori informazioni, vedere Cenni preliminari sugli oggetti Shape e sulle funzionalità di disegno di base di WPF. Per un esempio introduttivo, vedere Esempio di elementi forma.

Geometrie bidimensionali

Se le forme 2D fornite da WPF non sono sufficienti, è possibile utilizzare il supporto WPF per geometrie e percorsi e crearne di personalizzati. Di seguito viene illustrato come utilizzare le geometrie per creare forme, ad esempio un pennello, e per ridimensionare altri elementi WPF.

Vari utilizzi di Path

Per ulteriori informazioni, vedere Cenni preliminari sulle classi Geometry. Per un esempio introduttivo, vedere Esempio di geometrie

Effetti bidimensionali

WPF fornisce una libreria di classi 2D che è possibile utilizzare per creare molteplici effetti. La funzionalità di rendering 2D di WPF consente di disegnare elementi dell'interfaccia utente con sfumature, bitmap, disegni e video, nonché di modificarli tramite rotazione, ridimensionamento e inclinazione. Nell'illustrazione seguente viene fornito un esempio dei molti effetti che è possibile ottenere utilizzando i pennelli WPF.

Illustrazione di pennelli diversi

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

Rendering tridimensionale

WPF fornisce un insieme di funzionalità di rendering 3D integrabili con il supporto della grafica 2D in WPF per creare layout, elementi dell'interfaccia utentee visualizzazione dei dati più accattivanti. A una estremità dello spettro, WPF consente di eseguire il rendering delle immagini 2D sulle superfici di forme 3D, come illustrato di seguito.

Schermata dell'esempio Visual3D

Per ulteriori informazioni, vedere Cenni preliminari sulla grafica tridimensionale. Per un esempio introduttivo, vedere Esempio di solidi 3D.

Animazione

Utilizzare l'animazione per applicare ai controlli e agli elementi gli effetti di dissolvenza, rotazione, ingrandimento e tremolio, nonché per creare accattivanti transizioni tra le pagine e molto altro. Poiché WPF consente di animare la maggior parte delle proprietà, non solo è possibile animare la maggior parte degli oggetti WPF, ma anche utilizzare WPF per animare gli oggetti personalizzati creati.

Immagini di un cubo animato

Per ulteriori informazioni, vedere Cenni preliminari sull'animazione. Per un esempio introduttivo, vedere Raccolta di esempi di animazioni

Supporti multimediali

Immagini, video e audio sono supporti multimediali per trasmettere informazioni ed esperienze utente.

Immagini

Le immagini, ovvero icone, sfondi e parti di animazioni, sono fondamentali per la maggior parte delle applicazioni. Perché è spesso necessario utilizzare le immagini, WPF consente di utilizzarle in vari modi. Di seguito viene illustrato uno di questi modi.

Schermata dell'esempio Styling

Per ulteriori informazioni, vedere Cenni preliminari sulla creazione dell'immagine. Per un esempio introduttivo, vedere Demo WPF Photo Viewer.

Video e audio

Una caratteristica fondamentale delle funzionalità grafiche di WPF è rappresentata dal supporto nativo per l'utilizzo di contenuti multimediali, inclusi 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" />

L'oggetto MediaElement consente di riprodurre video e audio e la sua estensibilità è tale consentire la creazione di interfacce utente personalizzate.

Per ulteriori informazioni, vederePanoramica delle funzionalità multimediali. Per un esempio introduttivo, vedere Raccolta di supporti.