Instrukcje: tworzenie interfejsu użytkownika z wieloma okienkami za pomocą formularzy systemu Windows
Rozmieszczając kontrolki w formularzu, można utworzyć interfejs użytkownika z wieloma okienkami podobny do używanego w programie Microsoft Outlook, z listą folderów , okienkiem Wiadomości i oknem podglądu . Ten układ jest osiągany głównie za pomocą kontrolek dokowania z formularzem.
Podczas zadokowania kontrolki określasz, do której krawędzi kontenera nadrzędnego jest przymocowana kontrolka. Jeśli ustawisz właściwość Dock na Right, prawa krawędź kontrolki zostanie zadokowana do prawej krawędzi kontrolki nadrzędnej. Ponadto rozmiar zadokowanej krawędzi kontrolki jest dostosowywany, aby pasował do rozmiaru kontrolki kontenera. Aby uzyskać więcej informacji o sposobie działania właściwości Dock, zobacz How to: Dock Controls on Windows Forms.
Ta procedura koncentruje się na rozmieszczaniu SplitContainer i innych kontrolek w formularzu, a nie na dodawaniu funkcji w celu naśladowania aplikacji Microsoft Outlook.
Aby utworzyć ten interfejs użytkownika, należy umieścić wszystkie kontrolki w kontrolce SplitContainer.
SplitContainer zawiera kontrolkę TreeView w panelu po lewej stronie i kolejną kontrolkę SplitContainer w panelu po prawej stronie. Drugi SplitContainer zawiera kontrolkę ListView u góry i kontrolkę RichTextBox u dołu.
Te kontrolki SplitContainer umożliwiają niezależną zmianę rozmiaru innych kontrolek w formularzu. Techniki opisane w tej procedurze można dostosować do tworzenia własnych interfejsów użytkownika.
Układ kontrolki
W poniższej tabeli opisano sposób konfigurowania kontrolek naśladujących program Microsoft Outlook:
| Kontrola | Własność | Wartość |
|---|---|---|
| SplitContainer | Nazwa | splitContainer1 |
| Stacja dokująca | Fill |
|
| TabIndex | 4 |
|
| SzerokośćRozdzielacza | 4 |
|
| OdległośćSeparatora | 100 |
|
| Panel1.Kontrolki | Dodaj kontrolkę treeView1 do tego panelu. |
|
| Panel2.Kontrolki | Dodaj kontrolkę splitContainer2 do tego panelu. |
|
| Widok drzewa | Nazwa | treeView1 |
| Dok | Fill |
|
| TabIndex | 0 |
|
| Węzły | Dodawanie nowego węzła o nazwie Node0 |
|
| SplitContainer | Nazwa | splitContainer2 |
| Dok | Fill |
|
| TabIndex | 1 |
|
| Szerokość Rozdzielacza | 4 |
|
| OdległośćDzielnika | 150 |
|
| Orientacja | Horizontal |
|
| Panel1.Elementy sterujące | Dodaj kontrolkę listView1 do tego panelu. |
|
| Panel2.Kontrolki | Dodaj kontrolkę richTextBox1 do tego panelu. |
|
| Widok listy | Nazwa | listView1 |
| Dok | Fill |
|
| TabIndex | 2 |
|
| Elementy | Dodaj nowy element i ustaw tekst na item1. |
|
| RichTextBox | Nazwa | richTextBox1 |
| Dok | Fill |
|
| TabIndex | 3 |
|
| Tekst | richTextBox1 |
Zobacz też
.NET Desktop feedback