Visualizzazione suddivisa: visualizzazione simultanea dell'area di progettazione WPF e del markup XAML

WPF Designer per Visual Studio supporta una visualizzazione denominata visualizzazione suddivisa. La visualizzazione suddivisa consente di visualizzare contemporaneamente il markup XAML e la finestra di progettazione visiva. Le modifiche apportate nella finestra di progettazione visiva si riflettono immediatamente nel markup XAML e viceversa. In questo argomento vengono descritte alcune delle modalità che è possibile utilizzare per configurare la visualizzazione suddivisa.

Visualizzazione suddivisa

La visualizzazione suddivisa è costituita da due riquadri separati da una barra. Un riquadro contiene la visualizzazione Progettazione della finestra o del controllo utente corrente. Questo riquadro supporta lo stile del trascinamento della selezione di sviluppo di applicazioni familiare ai programmatori di Windows Form. Il secondo riquadro contiene la visualizzazione XAML della finestra o del controllo utente corrente. Questo markup XAML è completamente modificabile e supporta IntelliSense. È possibile modificare gli elementi XAML, aggiungere attributi o aggiungere elementi nuovi direttamente digitando il markup adatto in questo riquadro.

I due riquadri delle visualizzazioni suddivise sono sincronizzati in modo tale che le modifiche apportate in un riquadro vengono immediatamente applicate nell'altro. Ad esempio, se si trascina un controllo dalla Casella degli strumenti alla visualizzazione Progettazione, XAML viene aggiornato immediatamente per riflettere l'elemento nuovo. Similmente, se un nuovo elemento viene aggiunto digitando il markup nella visualizzazione XAML, la rappresentazione visiva verrà visualizzata immediatamente in visualizzazione Progettazione, una volta che XAML è in formato corretto.

Doppia visualizzazione

Configurazione della visualizzazione suddivisa

La visualizzazione suddivisa può essere configurata in base allo stile e alle preferenze di programmazione. La barra che separa i due riquadri può essere riposizionata con il mouse in modo da modificare la dimensione relativa dei due riquadri. La barra contiene alcune icone che consentono di modificare l'aspetto della visualizzazione suddivisa. Facendo clic sull'icona di scambio dei riquadri posta tra le schede Progettazione e XAML la posizione dei due riquadri viene invertita. Le tre icone raggruppate sulla barra consentono di passare tra visualizzazione verticale, dove i riquadri sono affiancati, e orizzontale, dove i riquadri sono disposti uno in alto e l'altro in basso, e comprimere o espandere il riquadro in basso. Quando un riquadro è compresso, è possibile passare dalla visualizzazione Progettazione alla visualizzazione XAML e viceversa facendo clic sulla relativa scheda nella barra. Il doppio clic sulla barra ha lo stesso risultato del clic sull'icona di compressione/espansione. Se si fa doppio clic sulle schede, il riquadro verrà visualizzato in modo completo. Il layout del riquadro viene salvato con ogni documento all'interno del progetto.

Vedere anche

Concetti

Spostamento all'interno della gerarchia di elementi di un documento WPF

Altre risorse

XAML e codice in Progettazione WPF

Utilizzo delle risorse