Nota
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare ad accedere o modificare le directory.
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare a modificare le directory.
Disponendo i controlli in un modulo, è possibile creare un'interfaccia utente a più riquadri simile a quella usata 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. Se si imposta la Dock proprietà 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 SplitContainer controllo . Il SplitContainer contiene un TreeView controllo nel pannello a sinistra e un altro SplitContainer nel pannello di destra. Il secondo SplitContainer contiene un ListView controllo in alto e un RichTextBox controllo in basso.
Questi controlli SplitContainer consentono il ridimensionamento indipendente degli altri controlli nel form. È possibile adattare le tecniche in questa procedura per creare interfacce utente personalizzate.
Layout del controllo
Nella tabella seguente viene descritto il modo in cui i controlli sono configurati per simulare Microsoft Outlook:
| Controllo | Proprietà | Valore |
|---|---|---|
| SplitContainer | Nome | splitContainer1 |
| Molo | Fill |
|
| TabIndex | 4 |
|
| Larghezza del Divisore | 4 |
|
| SplitterDistance | 100 |
|
| Panel1.Controls | Aggiungi il treeView1 controllo a questo pannello. |
|
| Panel2.Controls | Aggiungi il splitContainer2 controllo a questo pannello. |
|
| Vista ad albero | Nome | treeView1 |
| Molo | Fill |
|
| TabIndex | 0 |
|
| Nodi | Aggiungere un nuovo nodo denominato Node0 |
|
| SplitContainer | Nome | splitContainer2 |
| Molo | Fill |
|
| TabIndex | 1 |
|
| Larghezza del Divisore | 4 |
|
| SplitterDistance | 150 |
|
| Orientamento | Horizontal |
|
| Panel1.Controls | Aggiungi il listView1 controllo a questo pannello. |
|
| Panel2.Controls | Aggiungi il richTextBox1 controllo a questo pannello. |
|
| Visualizzazione Elenco | Nome | listView1 |
| Molo | Fill |
|
| TabIndex | 2 |
|
| Elementi | Aggiungere un nuovo elemento e impostare il testo su item1. |
|
| Casella di Testo Avanzata (RichTextBox) | Nome | richTextBox1 |
| Molo | Fill |
|
| TabIndex | 3 |
|
| Testo | richTextBox1 |
Vedere anche
Collabora con noi su GitHub
L'origine di questo contenuto è disponibile in GitHub, in cui è anche possibile creare ed esaminare i problemi e le richieste pull. Per ulteriori informazioni, vedere la guida per i collaboratori.
.NET Desktop feedback