Condividi tramite

Guida a: Creare un'interfaccia utente a più pannelli con Windows Forms tramite il progettista

Nella procedura seguente, creerai un'interfaccia utente a più riquadri simile a quella utilizzata in Microsoft Outlook, con un elenco Cartelle, un riquadro Messaggi, e un riquadro Anteprima. Questa disposizione viene ottenuta principalmente tramite i controlli di ancoraggio con il form.

Quando si aggancia un controllo, si determina il bordo del contenitore padre a cui viene fissato un controllo. Pertanto, se si imposta la proprietà Dock su Right, il bordo destro del controllo verrà ancorato al bordo destro del relativo controllo padre. Inoltre, il bordo ancorato del controllo viene ridimensionato in modo che corrisponda a quello del relativo controllo contenitore. Per ulteriori informazioni su come funziona la proprietà Dock, vedere Come: Ancorare i controlli in Windows Forms.

Questa procedura è incentrata sulla disposizione del SplitContainer e sugli altri controlli nel modulo, non sull'aggiunta di funzionalità per rendere l'applicazione simulare Microsoft Outlook.

Per creare questa interfaccia utente, inserire tutti i controlli all'interno di un controllo SplitContainer, che contiene un controllo TreeView nel pannello a sinistra. Il pannello di destra del controllo SplitContainer include un secondo controllo SplitContainer con un controllo ListView situato sopra un controllo RichTextBox. Questi controlli SplitContainer consentono il ridimensionamento indipendente degli altri controlli nel form. È possibile adattare le tecniche in questa procedura per creare interfacce utente personalizzate.

Per creare un'interfaccia utente di tipo Outlook in fase di progettazione

  1. Creare un nuovo progetto applicazione Windows (File>Nuovo progetto>>Visual C# o Visual Basic>Desktop classico>Windows Forms Application).

  2. Trascinare un controllo SplitContainer dalla casella degli strumenti al modulo. Nella finestra Proprietà, imposta la proprietà Dock su Fill.

  3. Trascinare un controllo TreeView dalla casella degli strumenti al pannello a sinistra del controllo SplitContainer. Nella finestra Proprietà, impostare la proprietà Dock su Left facendo clic sul pannello sinistro nell'editor dei valori visualizzato quando si preme la freccia verso il basso.

  4. Trascinare un altro controllo SplitContainer dalla casella degli strumenti ; posizionarlo nel pannello destro del controllo SplitContainer aggiunto al formulario. Nella finestra Proprietà impostare la proprietà Dock su Fill e la proprietà Orientation su Horizontal.

  5. 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.

  6. Trascinare un controllo RichTextBox dalla casella degli strumenti al pannello inferiore del secondo controllo SplitContainer. Impostare la proprietà Dock del controllo RichTextBox su Fill.

    A questo punto, se si preme F5 per eseguire l'applicazione, il modulo visualizza un'interfaccia utente in tre parti, simile a quella di Microsoft Outlook.

    Annotazioni

    Quando si posiziona il puntatore del mouse su uno dei separatori all'interno dei controlli SplitContainer, è possibile ridimensionare le dimensioni interne.

A questo punto nello sviluppo di applicazioni è stata creata un'interfaccia utente sofisticata. Il passaggio successivo consiste nel procedere con la programmazione dell'applicazione stessa, ad esempio connettendo il controllo TreeView e i controlli ListView a un tipo di origine dati. Per altre informazioni sulla connessione dei controlli ai dati, vedere Data Binding e Windows Form.

Vedere anche