Condividi tramite


Progettazione WPF per gli sviluppatori di Windows Form

Aggiornamento: novembre 2007

Progettazione Windows Presentation Foundation (WPF) per Visual Studio condivide con Progettazione Windows Form molte somiglianze, ma è differente per diversi aspetti. In questo argomento vengono descritte alcune differenze e la procedura di esecuzione in WPF Designer di attività già svolte in Progettazione Windows Form.

Importanza di XAML

La differenza più evidente tra Progettazione Windows Form e WPF Designer è la visualizzazione suddivisa. La visualizzazione suddivisa consente di visualizzare contemporaneamente l'area di progettazione e il markup XAML. In WPF Designer, l'utilizzo della visualizzazione XAML è stato ampliato in modo da fornire funzionalità di modifica complete, tra cui IntelliSense, per l'XAML dell'applicazione. Tramite la visualizzazione XAML è possibile eseguire molte attività comuni di Progettazione Windows Form. La doppia visualizzazione fornisce un feedback immediato evidenziando gli effetti delle modifiche nella visualizzazione XAML. Per ulteriori informazioni sulla visualizzazione suddivisa, vedere Visualizzazione suddivisa: visualizzazione simultanea dell'area di progettazione WPF e del markup XAML.

È possibile utilizzare anche Expression Blend insieme a Visual Studio per eseguire le attività che non sono supportate in WPF Designer. Per ulteriori informazioni, vedere Collaborazione con Expression Blend.

Miglioramenti di Progettazione WPF

Molti miglioramenti di WPF Designer non sono disponibili in Progettazione Windows Form, tra i quali:

  • Righe e stub del margine: le righe del margine intorno a ogni controllo indicano che è stato impostato un margine per tale controllo. Uno stub del margine indica che nessun margine è stato impostato per tale bordo.

  • Controllo Zoom: viene visualizzato nell'angolo superiore sinistro di visualizzazione Progettazione e consente allo sviluppatore di ingrandire o ridurre l'area di progettazione per eseguire regolazioni esatte.

  • Guide di allineamento: sono disponibili sia in WPF Designer sia in Progettazione Windows Form, ma in WPF Designer vengono visualizzati anche i valori esatti. Oltre alla visualizzazione dell'allineamento dei controlli, le guide di allineamento offrono anche la visualizzazione dell'allineamento del testo per i controlli basati su testo. Per ulteriori informazioni, vedere la classe Procedura: eseguire l'allineamento ai margini e alle linee di base del testo.

Attività di Progettazione Windows Form e procedure equivalenti di Progettazione WPF

Nella tabella seguente viene fornito un prospetto per l'esecuzione delle varie attività in WPF Designer.

Attività in Progettazione Windows Form

Procedura equivalente in Progettazione WPF

Layout assoluto

Utilizzare la classe Canvas come elemento radice.

Ordinamento alfabetico nella finestra Proprietà

Per trovare una proprietà, utilizzare la casella Cerca della finestra Proprietà.

Per selezionare le proprietà, utilizzare IntelliSense nella visualizzazione XAML o nell'Editor del codice. È anche possibile utilizzare il Visualizzatore oggetti.

Ancoraggio

Utilizzare Grid e le funzionalità di ancoraggio nella visualizzazione Progettazione per impostare le destinazioni dell'ancoraggio.

Animazione

Utilizzare Expression Blend.

Icona applicazione

Impostare la proprietà Icon nella classe principale Window dell'applicazione.

Assegnazione dell'ordine di tabulazione

Selezionare ciascun controllo e impostare la proprietà TabIndex corrispondente nella visualizzazione XAML o nella finestra Proprietà. L'ordine di tabulazione predefinito è l'ordine dei controlli nel contenitore padre.

Componenti e la barra dei componenti

I componenti non visivi non sono visibili nella casella degli strumenti di WPF Designer. Utilizzare la visualizzazione XAML e il mapping dello spazio dei nomi per fare riferimento a risorse e tipi non locali. Per ulteriori informazioni, vedere la classe Procedura: importare uno spazio dei nomi in XAML.

Finestra Origini dati e associazione dati

La finestra Origini dati non è supportata in questa versione di WPF Designer. Utilizzare la visualizzazione XAML per definire le origini dati e le associazioni dati.

Se si esegue l'associazione a XML o a oggetti, è possibile utilizzare Expression Blend anche per definire le origini dati e le associazioni dati. Copiare e incollare l'XAML generato automaticamente nella visualizzazione XAML in WPF Designer. In Expression Blend è anche possibile aprire il progetto Visual Studio e creare direttamente le risorse.

Dichiarazione e collegamento di gestori eventi

Per il gestore eventi predefinito, fare doppio clic sul controllo nella visualizzazione Progettazione. Per altri eventi, utilizzare IntelliSense nella visualizzazione XAML e selezionare l'evento desiderato dall'elenco a discesa. Per ulteriori informazioni, vedere la classe Procedura: creare un gestore eventi semplice.

Progettazione di menu

Utilizzare la visualizzazione XAML o l'Editor dell'insieme nella finestra Proprietà per l'insieme Items e impostare la proprietà Header di ogni elemento.

Definizione di pennelli e colori

Per i pennelli complessi, ad esempio i pennelli sfumati, utilizzare Expression Blend. Copiare e incollare l'XAML generato automaticamente nella visualizzazione XAML in WPF Designer. In Expression Blend è anche possibile aprire il progetto Visual Studio e creare direttamente le risorse.

Eliminazione delle griglie

Utilizzare la visualizzazione XAML per rimuovere le definizioni delle righe e delle colonne desiderate e correggere le assegnazioni Grid.Column o Grid.Row dei relativi controlli figlio associati a elementi padre nella classe Grid.

Visualizzazione di un'immagine

Aggiungere l'immagine al progetto e impostare l'azione di compilazione su Risorsa. Posizionare un controllo Image nell'area di progettazione e impostare la proprietà Source nella finestra Proprietà. Per ulteriori informazioni, vedere la classe Procedura: assegnare un'immagine a un controllo Image. È possibile impostare l'immagine di origine anche tramite la sintassi di URI di tipo pack. Per ulteriori informazioni, vedere la classe URI di tipo pack in Windows Presentation Foundation.

Visualizzazione di UserControl nella casella degli strumenti

Aggiungere un riferimento al progetto nell'assembly del controllo utente e utilizzare IntelliSense nella visualizzazione XAML per assegnare l'attributo xmlns.

È anche possibile utilizzare la finestra di dialogo Scegli elementi della Casella degli strumenti per selezionare l'assembly contenente il controllo, ma sono previste limitazioni. Per ulteriori informazioni, vedere la classe Scheda Componenti WPF, finestra di dialogo Scegli elementi della Casella degli strumenti.

Distribuzione dei controlli in un form

Utilizzare l'elemento StackPanel.

Ancoraggio

Utilizzare l'elemento DockPanel per più controlli. È anche possibile utilizzare Grid e bloccare i controlli sui bordi della cella della griglia tramite i blocchi della griglia.

Provider di errori

Nessuna fase di progettazione visiva. Utilizzare la classe Validation nella visualizzazione XAML. Per ulteriori informazioni, vedere la classe Procedura: implementare la convalida dell'associazione.

Expander

Nessuna fase di progettazione visiva. Utilizzare la visualizzazione XAML.

Frame

Nessuna fase di progettazione visiva. Utilizzare la visualizzazione XAML.

Vai a definizione

Aprire tutti i file XAML nel progetto e utilizzare la finestra Trova e sostituisci. Per ulteriori informazioni, vedere la classe Finestra Trova e sostituisci.

Provider della Guida

Nessuna fase di progettazione visiva. Utilizzare la visualizzazione XAML.

Collegamento ipertestuale

Utilizzare la classe Hyperlink all'interno del contenuto in flusso.

InkCanvas

Nessuna fase di progettazione visiva. Utilizzare la visualizzazione XAML.

Blocco

Non supportato.

MediaElement

Nessuna fase di progettazione visiva. Utilizzare la visualizzazione XAML.

Tasti di scelta

Anteporre al carattere che costituirà il tasto di scelta un carattere di sottolineatura "_" anziché una e commerciale "&".

Elenco a discesa del selettore di oggetti nella finestra Proprietà

Selezionare l'oggetto nella finestra Struttura documento, nella struttura tag o nella visualizzazione Progettazione. Per visualizzare la finestra Struttura documento, scegliere Altre finestre dal menu Visualizza, quindi selezionare Struttura documento.

Popup

Nessuna fase di progettazione visiva. Utilizzare la visualizzazione XAML.

Riferimenti a tipi non locali in XAML

Aggiungere il riferimento a un progetto e utilizzare IntelliSense nella visualizzazione XAML per impostare l'attributo xmlns. Per ulteriori informazioni, vedere la classe Procedura: importare uno spazio dei nomi in XAML.

Nota:

In WPF Designer, le corrispondenze vengono stabilite sulla base dell'alias dello spazio dei nomi dopo l'attributo xmlns, anziché sulla sintassi completa tramite clr-namespace.

Ridenominazione e refactoring

Aprire tutti i file XAML nel progetto e utilizzare la finestra Trova e sostituisci. Per ulteriori informazioni, vedere la classe Finestra Trova e sostituisci.

Rimozione di margini

Nella visualizzazione Progettazione, selezionare tutti gli elementi con i margini da rimuovere. Nella finestra Proprietà, immettere 0 per la proprietà Margin.

Ridimensionamento di un form dopo il posizionamento di un controllo

Dal momento che il ridimensionamento della finestra può causare il ridimensionamento del contenuto, procedere come segue: selezionare tutti gli elementi, tagliare, ridimensionare la finestra e quindi incollare.

Impostazione del testo per i controlli Button, Label, CheckBox, RadioButton

Nella finestra Proprietà impostare la proprietà Content. In alternativa, impostare il testo nella visualizzazione XAML.

Impostazione delle proprietà complesse visivamente, ad esempio le proprietà dei tipi di carattere, le risorse, i pennelli e i colori

Utilizzare la visualizzazione XAML o Expression Blend.

Smart tag

Non supportato.

TabControl

Nessuna fase di progettazione visiva. Utilizzare la visualizzazione XAML.

Descrizione comandi

Nessuna fase di progettazione visiva. Utilizzare la classe ToolTip nella visualizzazione XAML.

Viewbox

Nessuna fase di progettazione visiva. Utilizzare la visualizzazione XAML.

Ereditarietà visiva

Non supportato.

WindowsFormsHost

Nessuna fase di progettazione visiva. Utilizzare la visualizzazione XAML.

Ordine Z

Selezionare e spostare il tag dell'elemento nella visualizzazione XAML o selezionare Ordina nel menu di scelta rapida della visualizzazione Progettazione. Utilizzare la finestra Struttura documento per confermare l'ordine Z dell'elemento.

Vedere anche

Concetti

Controlli Windows Form e controlli WPF equivalenti

Riferimenti

Riferimenti all'interfaccia utente per Progettazione WPF

Altre risorse

Guida introduttiva a Progettazione WPF