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. |
||
Nessuna fase di progettazione visiva. Utilizzare la visualizzazione XAML. |
|||
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. |
||
Nessuna fase di progettazione visiva. Utilizzare la visualizzazione XAML. |
|||
Blocco |
Non supportato. |
||
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. |
||
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.
|
||
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. |
||
Nessuna fase di progettazione visiva. Utilizzare la visualizzazione XAML. |
|||
Descrizione comandi |
Nessuna fase di progettazione visiva. Utilizzare la classe ToolTip nella visualizzazione XAML. |
||
Nessuna fase di progettazione visiva. Utilizzare la visualizzazione XAML. |
|||
Ereditarietà visiva |
Non supportato. |
||
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