Procedura: costruire un layout in base al posizionamento assoluto

WPF Designer per Visual Studio fornisce un controllo Panel Canvas che supporta il posizionamento assoluto. È possibile utilizzare il controllo Panel Canvas per posizionare gli elementi nelle applicazioni in modo assoluto.

Importante
Quando possibile, è preferibile utilizzare un layout dinamico. I layout dinamici sono i più flessibili, adatti a modifiche di contenuto, ad esempio la localizzazione, e consentono all'utente finale maggiore controllo sull'ambiente. Per esempi di esecuzione di layout dinamici, vedere Procedura: costruire un layout dinamico e Procedura dettagliata: costruzione di un layout dinamico.

Aggiunta di un controllo Panel

Per impostazione predefinita, ogni nuova applicazione WPF contiene un oggetto Window con un pannello Grid. Per creare un layout in base al posizionamento assoluto è necessario utilizzare un pannello Canvas. In questa procedura viene rimosso l'oggetto Grid predefinito e viene aggiunto un oggetto Canvas.

Per aggiungere un controllo Panel

1. Nella visualizzazione Progettazione selezionare la griglia.

   Nota

   È possibile selezionare la griglia in varie modalità, ad esempio facendo clic su qualsiasi punto all'interno di essa o utilizzando il tasto TAB. Per ulteriori informazioni su come selezionare elementi in WPF Designer, vedere Procedura: selezionare e spostare elementi sull'area di progettazione.

2. Premere il tasto Canc per eliminare Grid.

3. Dal gruppo Controlli della Casella degli strumenti trascinare un controllo Canvas in Window.

4. (Facoltativo) Nella finestra Proprietà impostare la proprietà Height di Canvas su Auto.

   Canvas si estende fino a coprire l'altezza di Window.

5. (Facoltativo) Nella finestra Proprietà impostare la proprietà Width di Canvas su Auto.

   Canvas si estende fino a coprire la larghezza di Window.

6. Scegliere Salva tutto dal menu File.

Aggiunta di controlli al pannello

Quindi, aggiungere i controlli al pannello e utilizzare le proprietà associate Left e Top di Canvas per posizionarli in modo assoluto.

Per aggiungere controlli al pannello

1. Trascinare un controllo su Canvas dalla Casella degli strumenti.

2. Nella finestra Proprietà impostare le seguenti proprietà per il controllo:

   • Canvas.Left

   • Canvas.Top

   Nota

   Sono disponibili due insiemi di proprietà che si escludono a vicenda: Left / Righte Top / Bottom. Solo Left e Top sono esposti nella finestra Proprietà, ma è possibile specificare Right e Bottom nell'editor XAML. Se si specificano Left e Right, viene utilizzata solo l'ultima dichiarazione. Se si specificano Top e Bottom, viene utilizzata solo l'ultima dichiarazione.

3. Ripetere i passaggi 1 e 2 fino ad avere aggiunto al pannello tutti i controlli necessari.

4. Scegliere Salva tutto dal menu File.

Vedere anche

Attività

Procedura dettagliata: costruzione di un layout in base al posizionamento assoluto

Concetti

Layout con posizionamento assoluto e dinamico

Allineamento in Progettazione WPF

Sistema di layout

Cenni preliminari su WPF e Silverlight Designer

Altre risorse

Procedure dettagliate relative ai layout