WPF Designer per gli sviluppatori di Windows Form
WPF Designer 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. Dopo avere eseguito lo zoom avanti, è inoltre possibile effettuare una panoramica dell'area di progettazione.
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 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à |
Nella finestra Proprietà fare clic sul pulsante Per nome. Per trovare una proprietà, utilizzare la casella Cerca. È possibile esplorare le proprietà tramite IntelliSense nella visualizzazione XAML o nell'editor di 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 Procedura: importare uno spazio dei nomi in XAML. |
Finestra Origini dati e associazione dati |
Utilizzare la finestra Origini dati. Per ulteriori informazioni, vedere Associazione di controlli WPF ai dati in Visual Studio. È possibile associare i dati a un'istanza della fase di progettazione tramite l'estensione di markup DesignInstance. Per ulteriori informazioni, vedere Procedura dettagliata: utilizzo di DesignInstance per creare un'associazione a dati nella finestra di progettazione. 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 |
Nella finestra Proprietà fare clic sul pulsante Eventi e fare doppio clic sull'evento desiderato. Per il gestore eventi predefinito, fare doppio clic sul controllo nella visualizzazione Progettazione. È inoltre possibile utilizzare IntelliSense in visualizzazione XAML per selezionare l'evento desiderato. Per ulteriori informazioni, vedere 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 |
Nella finestra Proprietà scorrere fino alla proprietà del tipo di pennello e fare clic sulla freccia giù. Utilizzare l'editor pennelli per progettare il pennello. Per ulteriori informazioni, vedere Procedura: creare un pennello tramite l'editor pennelli. È possibile 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 |
Fare clic su un indicatore della griglia e trascinarlo dalla sbarra della griglia. Per ulteriori informazioni, vedere Procedura: rimuovere righe e colonne da una griglia. È inoltre possibile 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 |
Utilizzare il controllo Image. Per ulteriori informazioni, vedere Procedura: aggiungere immagini a un progetto WPF. |
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 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 How to: Implement Binding Validation. |
Vai a definizione |
In code-behind, fare clic con il pulsante destro del mouse sul simbolo del controllo e selezionare Vai a definizione dal menu di scelta rapida. Per eseguire la ricerca dalla visualizzazione XAML, aprire tutti i file XAML nel progetto e utilizzare la finestra Trova e sostituisci. Per ulteriori informazioni, vedere 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 Procedura: importare uno spazio dei nomi in XAML. .gif "Nota") 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 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. |
Smart tag |
Non supportato. |
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
Windows Forms Controls and Equivalent WPF Controls
Cenni preliminari su WPF e Silverlight Designer