Procedura: creare un'interfaccia utente a più riquadri con Windows Form utilizzando la finestra di progettazione
La procedura descritta di seguito consente di creare un'interfaccia utente a più riquadri simile all'interfaccia di Microsoft Outlook, che include l'elenco cartelle, un riquadro per i messaggi e il riquadro di anteprima. Questa disposizione viene ottenuta principalmente tramite l'ancoraggio dei controlli al form.
Per ancorare un controllo, è necessario determinare a quale bordo del contenitore padre deve essere fissato. Se pertanto si imposta la proprietà Dock su Right, il bordo destro del controllo verrà ancorato al bordo destro del controllo padre. Il bordo ancorato del controllo viene inoltre ridimensionato in modo da combaciare con il bordo del controllo contenitore. Per ulteriori informazioni sul funzionamento della proprietà Dock, vedere Procedura: ancorare i controlli in Windows Form.
Questa procedura illustra la disposizione del controllo SplitContainer e degli altri controlli sul form, ma non spiega come aggiungere le funzionalità necessarie affinché l'applicazione si comporti in modo analogo a Microsoft Outlook.
Per creare questa interfaccia utente, inserire i controlli all'interno del controllo SplitContainer, che contiene il controllo TreeView nel pannello sinistro. Il pannello destro del controllo SplitContainer contiene un secondo controllo SplitContainer con un controllo ListView sopra un controllo RichTextBox. Tali controlli SplitContainer consentono di ridimensionare in modo indipendente gli altri controlli del form. Le tecniche illustrate in questa procedura possono essere adattate in modo da realizzare interfacce utente personalizzate.
Nota
È possibile che le finestre di dialogo e i comandi di menu visualizzati siano diversi da quelli descritti nella Guida a seconda delle impostazioni attive o dell'edizione del programma. Per modificare le impostazioni, scegliere Importa/Esporta impostazioni dal menu Strumenti. Per ulteriori informazioni, vedere Gestione delle impostazioni.
Per creare un'interfaccia utente nello stile di Outlook in fase di progettazione
Creare un nuovo progetto applicazione Windows. Per informazioni dettagliate, vedere Procedura: creare un progetto applicazione Windows.
Trascinare un controllo SplitContainer dalla Casella degli strumenti al form. Nella finestra Proprietà impostare la proprietà Dock su Fill.
Trascinare un controllo TreeView dalla Casella degli strumenti al pannello sinistro del controllo SplitContainer. Nella finestra Proprietà impostare la proprietà Dock su Left facendo clic nel pannello sinistro dell'editor del valore, visualizzato quando si fa clic sulla freccia verso il basso.
Trascinare un altro controllo SplitContainer dalla Casella degli strumenti al pannello destro del controllo SplitContainer aggiunto al form. Nella finestra Proprietà impostare la proprietà Dock su Fill e la proprietà Orientation su Horizontal.
Trascinare un controllo ListView dalla Casella degli strumenti al pannello superiore del secondo controllo SplitContainer aggiunto al form. Impostare la proprietà Dock del controllo ListView su Fill.
Trascinare un controllo RichTextBox dalla Casella degli strumenti al pannello inferiore del secondo controllo SplitContainer. Impostare la proprietà Dock del controllo RichTextBox su Fill.
Se ora si preme F5 per eseguire l'applicazione, nel form viene visualizzata un'interfaccia in tre parti, analoga a quella di Microsoft Outlook.
Nota
Quando si posiziona il puntatore del mouse su una delle barre di divisione all'interno dei controlli SplitContainer, è possibile ridimensionare le dimensioni interne.
A questo punto dello sviluppo l'applicazione dispone di un'interfaccia utente sofisticata. Il passaggio successivo consisterà nella programmazione dell'applicazione stessa, ad esempio collegando il controllo TreeView e i controlli ListView a un'origine dati. Per ulteriori informazioni sulla connessione dei controlli ai dati, vedere Associazione dati e Windows Form.