Porady: tworzenie złożonego interfejsu użytkownika z formularzami Windows
Rozmieszczając kontrolki w formularzu, można utworzyć interfejs użytkownika z wieloma okienkami, który jest podobny do używanego w programie Microsoft Outlook, z listą folderów , okienkiem Wiadomości i okienkiem Podgląd . Ten układ jest osiągany głównie za pomocą kontrolek dokowania z formularzem.
W przypadku zadokowania kontrolki należy określić, do której krawędzi kontenera nadrzędnego jest przymocowana kontrolka. Jeśli ustawisz Dock właściwość na Right, prawa krawędź kontrolki zostanie zadokowana do prawej krawędzi kontrolki nadrzędnej. Ponadto rozmiar zadokowanej krawędzi kontrolki jest zmieniany tak, aby był zgodny z kontrolką kontenera. Aby uzyskać więcej informacji o Dock sposobie działania właściwości, zobacz How to: Dock Controls on Windows Forms (Instrukcje: Dokowanie kontrolek w formularzach systemu Windows).
Ta procedura koncentruje się na rozmieszczaniu SplitContainer i innych kontrolkach w formularzu, a nie na dodawaniu funkcji, aby aplikacja naśladowała program Microsoft Outlook.
Aby utworzyć ten interfejs użytkownika, należy umieścić wszystkie kontrolki w kontrolce SplitContainer . Element SplitContainer zawiera kontrolkę TreeView w panelu po lewej stronie, a drugi SplitContainer na panelu po prawej stronie. Drugi SplitContainer zawiera kontrolkę ListView na górze i kontrolkę RichTextBox na dole.
Te SplitContainer kontrolki umożliwiają niezależną zmianę rozmiaru innych kontrolek w formularzu. Techniki opisane w tej procedurze można dostosować do własnych niestandardowych interfejsów użytkownika.
Układ kontrolki
W poniższej tabeli opisano sposób konfigurowania kontrolek naśladujących program Microsoft Outlook:
| Kontrolka | Właściwości | Wartość |
|---|---|---|
| Splitcontainer | Nazwisko | splitContainer1 |
| Dock | Fill |
|
| TabIndex | 4 |
|
| SplitterWidth | 4 |
|
| Podział | 100 |
|
| Panel1.Controls | Dodaj kontrolkę treeView1 do tego panelu. |
|
| Panel2.Controls | Dodaj kontrolkę splitContainer2 do tego panelu. |
|
| TreeView | Nazwisko | treeView1 |
| Dock | Fill |
|
| TabIndex | 0 |
|
| Węzły | Dodawanie nowego węzła o nazwie Node0 |
|
| Splitcontainer | Nazwisko | splitContainer2 |
| Dock | Fill |
|
| TabIndex | 1 |
|
| SplitterWidth | 4 |
|
| Podział | 150 |
|
| Orientacja | Horizontal |
|
| Panel1.Controls | Dodaj kontrolkę listView1 do tego panelu. |
|
| Panel2.Controls | Dodaj kontrolkę richTextBox1 do tego panelu. |
|
| ListView | Nazwisko | listView1 |
| Dock | Fill |
|
| TabIndex | 2 |
|
| Elementy | Dodaj nowy element i ustaw tekst na item1. |
|
| RichTextBox | Nazwisko | richTextBox1 |
| Dock | Fill |
|
| TabIndex | 3 |
|
| Tekst | richTextBox1 |
Zobacz też
.NET Desktop feedback