Cenni preliminari su Progettazione WPF
Aggiornamento: novembre 2007
In questo argomento viene descritto Progettazione Windows Presentation Foundation (WPF) per Visual Studio. WPF è la tecnologia di interfaccia utente per Windows Vista e si distingue dalle precedenti tecnologie di visualizzazione, ad esempio Windows Form.
WPF Designer fornisce un supporto alla progettazione visiva simile a Windows Form Designer. È possibile compilare interfacce utente per le applicazioni trascinando controlli dalla Casella degli strumenti e impostando proprietà nella finestra Proprietà. È possibile modificare il codice XAML direttamente nell'editor di XAML.
Finestre di Progettazione WPF
WPF Designer dispone di numerose finestre per la visualizzazione e la modifica di documenti XAML. Nell'immagine seguente vengono mostrate alcune delle finestre di WPF Designer.
.png)
Visualizzazione Progettazione
La visualizzazione Progettazione fornisce un'area di progettazione visiva per la compilazione dei controlli WPF e delle applicazioni. Mostra una rappresentazione con rendering del codice XAML attualmente in visualizzazione XAML.
È possibile inserire dei controlli nell'area di progettazione trascinandoli dalla Casella degli strumenti ed è possibile posizionarli mediante il trascinamento. Molti strumenti di progettazione consentono di collocare i controlli esattamente nelle posizioni desiderate. Quando si modificano dei controlli nell'area di progettazione, la visualizzazione XAML viene aggiornata in modo da riflettere le modifiche. Per ulteriori informazioni, vedere Procedura: aggiungere controlli a una finestra WPF e Procedura: selezionare e spostare elementi sull'area di progettazione.
Visualizzazione XAML
La visualizzazione XAML fornisce un'esperienza di modifica completa per i documenti XAML che include le funzionalità IntelliSense, formattazione automatica, evidenziazione di sintassi e spostamento tra tag. Quando si modifica il codice XAML, la visualizzazione Progettazione viene aggiornata in modo da riflettere le modifiche.
Per ulteriori informazioni, vedere Procedura dettagliata: modifica di XAML in Progettazione WPF.
Finestra Proprietà
La finestra Proprietà viene utilizzata per impostare valori di proprietà sui controlli in visualizzazione Progettazione.
Per accedere alla finestra Proprietà, scegliere il menu Visualizza e selezionare Finestra Proprietà oppure premere CTRL+W, CTRL+P o F4. È anche possibile fare clic con il pulsante destro del mouse su un controllo in visualizzazione Progettazione e selezionare Proprietà nel menu di scelta rapida. La finestra Proprietà visualizza un'anteprima in miniatura del controllo attualmente selezionato.
Per cercare una proprietà, digitare il nome della proprietà nella casella Cerca nella parte superiore della finestra Proprietà. Nella finestra Proprietà vengono visualizzate le proprietà che corrispondono ai criteri di ricerca mentre vengono digitati. Fare clic su Cancella per rimuovere i criteri di ricerca e visualizzare tutte il proprietà dell'oggetto selezionato.
A partire da Visual Studio 2008 Service Pack 1, è possibile ordinare le proprietà alfabeticamente o per categoria. Per ordinare le proprietà alfabeticamente, fare clic sul pulsante In ordine alfabetico nella parte superiore della finestra Proprietà. Per ordinare le proprietà per categoria, fare clic sul pulsante Per categoria nella parte superiore della finestra Proprietà.
Finestra Struttura documento
La finestra Struttura documento fornisce una visualizzazione gerarchica di un documento XAML. È possibile utilizzare la finestra Struttura documento per visualizzare in anteprima, selezionare o eliminare elementi XAML. Per accedere alla finestra Struttura documento, nel menu Visualizza selezionare Altre finestre, quindi Struttura documento oppure premere CTRL+ALT+T. Per ulteriori informazioni, vedere Spostamento all'interno della gerarchia di elementi di un documento WPF.
Casella degli strumenti
La casella degli strumenti contiene i controlli che è possibile trascinare nell'area di progettazione. Per accedere alla finestra della Casella degli strumenti, scegliere il menu Visualizza e selezionare Casella degli strumenti oppure premere CTRL+ALT+X.
Funzionalità della visualizzazione Progettazione
La visualizzazione Progettazione fornisce molte funzionalità per la disposizione di controlli nella finestra o nella pagina dell'applicazione WPF. Alcune di queste funzionalità sono mostrate nell'illustrazione seguente.
.png)
Controllo Zoom
Utilizzare il controllo Zoom per controllare le dimensioni dell'area di progettazione. È possibile ingrandire da 10% a 20x.
Adatta
Il pulsante Adatta consente di ridimensionare l'area di progettazione allo schermo disponibile in visualizzazione Progettazione. Questa funzione è utile quando sono stati impostati valori per lo Zoom troppo alti o troppo bassi.
Sbarre della griglia
Utilizzare le sbarre della griglia per gestire righe e colonne in un controllo Grid. È possibile creare ed eliminare colonne e righe e è possibile regolare le larghezze e altezze relative. Per ulteriori informazioni, vedere Procedura: aggiungere righe e colonne a una griglia.
Linee della griglia
Utilizzare le griglie per controllare la larghezza e l'altezza delle colonne e delle righe di un oggetto Grid. È possibile aggiungere una colonna o una riga nuova facendo clic nelle sbarre sopra e a sinistra dell'oggetto Grid. Per ulteriori informazioni, vedere Procedura: aggiungere righe e colonne a una griglia.
Indicatori della griglia
Un indicatore della griglia viene visualizzato come triangolo nella sbarra della griglia. Quando si trascina un indicatore della griglia o la griglia stessa, la larghezza o l'altezza delle colonne o delle righe adiacenti viene aggiornata man mano che il mouse viene spostato. Per ulteriori informazioni, vedere Procedura: aggiungere righe e colonne a una griglia.
Quadratino di spostamento
Un quadratino di spostamento viene visualizzato nella parte superiore sinistra di un controllo Panel selezionato. Fare clic sul quadratino di spostamento e trascinare il controllo nella posizione desiderata nell'area di progettazione. Per ulteriori informazioni, vedere Procedura: selezionare e spostare elementi sull'area di progettazione.
Quadratini di ridimensionamento
I quadratini di ridimensionamento vengono visualizzati sui controlli selezionati. Fare clic su un quadratino di ridimensionamento e trascinarlo per modificare la dimensione della selezione. Quando si ridimensiona un controllo, vengono in genere visualizzati i valori della larghezza e dell'altezza per aiutare nel posizionamento preciso del controllo.
Righe di margine
I margini rappresentano la quantità di spazio fisso tra il bordo di un controllo e il bordo di un contenitore. Impostare i margini di un controllo facendo clic sulle righe di margine. Per ulteriori informazioni, vedere Procedura: impostare i margini per un controllo in Progettazione WPF.
Stub del margine
Un stub del margine viene visualizzato su un controllo selezionato quando il margine è impostato su 0. Fare clic sullo stub del margine per impostare la distanza di un margine sul bordo corrispondente del contenitore. Per ulteriori informazioni, vedere Procedura: impostare i margini per un controllo in Progettazione WPF.
Guide di allineamento
Utilizzare le guide di allineamento per allineare i controlli l'uno rispetto all'altro. Se le guide di allineamento sono attivate, quando si trascina un controllo relativo ad altri controlli, le guide di allineamento vengono visualizzate quando i bordi e il testo di alcuni controlli sono allineati orizzontalmente o verticalmente. Per ulteriori informazioni, vedere Procedura: eseguire l'allineamento ai margini e alle linee di base del testo.
Funzionalità della visualizzazione XAML
Il linguaggio Extensible Application Markup Language (XAML) fornisce un vocabolario dichiarativo, basato su XML per la specifica dell'interfaccia utente di un'applicazione. WPF Designer offre una visualizzazione suddivisa univoca che fornisce una visualizzazione XAML e una visualizzazione Progettazione sincronizzata del markup XAML con rendering dell'applicazione. Alcune di queste funzionalità XAML sono mostrate nell'illustrazione seguente.
.png)
Per ulteriori informazioni, vedere Visualizzazione suddivisa: visualizzazione simultanea dell'area di progettazione WPF e del markup XAML.
Barra della visualizzazione suddivisa
Utilizzare la barra della visualizzazione suddivisa per controllare le dimensioni relative delle visualizzazioni Progettazione e XAML. È possibile controllare se la visualizzazione suddivisa è orizzontale o verticale e è possibile comprimerla. Per ulteriori informazioni, vedere Visualizzazione suddivisa: visualizzazione simultanea dell'area di progettazione WPF e del markup XAML.
Struttura tag
È possibile spostarsi su qualsiasi tag padre del tag attualmente selezionato in visualizzazione XAML utilizzando la struttura tag. Quando si ci si sofferma su un tag nella struttura tag, viene visualizzata un'anteprima in miniatura di quel elemento. Procedura dettagliata: modifica di XAML in Progettazione WPF.
Compilazione di interfacce utente complesse e interattive
In WPF, le classi Window e Page sono superfici visive nelle quali visualizzare informazioni per l'utente. In genere la compilazione di applicazioni WPF prevede l'aggiunta di controlli a un oggetto Window e lo sviluppo di risposte ad azioni dell'utente, ad esempio un clic del mouse o la pressione di tasti. Un controllo è un elemento separato dell'interfaccia utente (UI) utilizzato per visualizzare dati o accettare input di dati.
Quando un utente esegue un'azione nella Window o in uno dei controlli in essa contenuti, l'azione genera un evento. L'applicazione risponde a questi eventi e li elabora quando si verificano. Per ulteriori informazioni, vedere Procedura: creare un gestore eventi semplice.
WPF contiene diversi controlli che possono essere aggiunti in una finestra, ad esempio i controlli che visualizzano caselle di testo, pulsanti, elenchi a discesa, pulsanti di opzione e persino pagine Web. Per un elenco di tutti i controlli utilizzabili in una finestra, vedere Libreria di controlli. Se nessun controllo esistente soddisfa le esigenze, WPF supporta anche la creazione di controlli personalizzati tramite l'utilizzo delle classi UserControl e Control.
Con la funzione di trascinamento della selezione di WPF Designer, è facile creare applicazioni WPF. È sufficiente selezionare i controlli con il puntatore e aggiungerli nel punto desiderato della finestra. La finestra di progettazione fornisce strumenti, quali le guide di allineamento e lo zoom, che facilitano la disposizione dei controlli.
Infine, se occorre creare elementi dell'interfaccia utente personalizzati, gli spazi dei nomi System.Windows.Media e System.Windows.Shapes contengono un'ampia selezione di classi per disegnare linee, cerchi e altre forme direttamente nella finestra.
Assistenza nella creazione di finestre e controlli
Per informazioni dettagliate sull'utilizzo di queste funzionalità, vedere i seguenti argomenti della Guida.
Descrizione |
Argomento della Guida in linea |
|---|---|
Creazione di una nuova applicazione WPF con Visual Studio. |
|
Utilizzo dei controlli in una finestra. |
Procedura: selezionare e spostare elementi sull'area di progettazione |
Creazione di gestori eventi per i controlli WPF |
|
Gestione di eventi da una finestra e i relativi controlli |
|
Esplorazione di un layout WPF |
Spostamento all'interno della gerarchia di elementi di un documento WPF |
Creazione di layout dinamici |
|
Creazione di controlli personalizzati |
Procedura: creare un nuovo progetto di libreria UserControl di WPF |
Collaborazione con Expression Blend
In WPF, presentazione e contenuto sono entità ben separate. Gli sviluppatori software e i progettatori grafici possono in questo modo collaborare per creare l'aspetto e il comportamento di un'applicazione. Progettazione Windows Presentation Foundation (WPF) per Visual Studio è ottimizzato per gli sviluppatori software e Expression Blend è ottimizzato per i progettatori grafici. Per ulteriori informazioni, vedere Collaborazione con Expression Blend.
Distribuzione di applicazioni ai computer client
Una volta scritta, l'applicazione deve essere inviata agli utenti in modo che possano installarla ed eseguirla sui propri client. Quando si utilizza la tecnologia ClickOnce, è possibile distribuire le applicazioni dall'interno di Visual Studio con alcuni semplici clic e fornire agli utenti un indirizzo URL che punta all'applicazione sul Web o in una condivisione di file. ClickOnce gestisce tutti gli elementi e le dipendenze nell'applicazione e garantisce che l'applicazione sia installata correttamente nel computer client.
Le applicazioni ClickOnce possono essere configurate per essere eseguite solo quando l'utente è connesso alla rete oppure per essere eseguite sia in linea che non in linea. Quando si specifica che un'applicazione deve supportare l'esecuzione non in linea, ClickOnce aggiunge un collegamento all'applicazione nel menu Start. In questo modo, l'utente può aprire l'applicazione senza utilizzare l'URL.
Quando si aggiorna l'applicazione, vengono pubblicati un nuovo manifesto di distribuzione e una nuova copia dell'applicazione sul server Web o nella condivisione di file. ClickOnce rileverà che è disponibile un aggiornamento e aggiornerà l'installazione dell'utente. Nessuna operazione di programmazione personalizzata è necessaria per aggiornare gli assembly precedenti. Per ulteriori informazioni, vedere Distribuzione delle applicazioni WPF.
Distribuzione delle applicazioni ClickOnce
Per un'introduzione completa a ClickOnce, vedere Cenni preliminari sulla distribuzione ClickOnce. Per informazioni dettagliate sull'utilizzo di queste funzionalità, vedere i seguenti argomenti della Guida.
Descrizione |
Argomento della Guida in linea |
|---|---|
Distribuzione di un'applicazione mediante ClickOnce. |
Procedura: pubblicare un'applicazione ClickOnce Procedura dettagliata: distribuzione manuale di un'applicazione ClickOnce |
Aggiornamento di una distribuzione di ClickOnce. |
Procedura: gestire gli aggiornamenti per un'applicazione ClickOnce |
Gestione della sicurezza con ClickOnce. |
Vedere anche
Concetti
Progettazione WPF per gli sviluppatori di Windows Form
Cenni preliminari sulla distribuzione ClickOnce
Cenni preliminari sulle impostazioni delle applicazioni
Collaborazione con Expression Blend