Delen via

Procedure: Een multipane-gebruikersinterface maken met Windows Forms

Door bedieningselementen in een formulier te rangschikken, kunt u een gebruikersinterface met meerdere panelen maken die lijkt op de interface die in Microsoft Outlook wordt gebruikt, met een maplijst , een berichtenpaneel en een voorbeeldpaneel . Deze opstelling wordt voornamelijk bereikt via het aanmeren van bedieningselementen met het formulier.

Wanneer u een besturingselement dockt, bepaalt u aan welke rand van de bovenliggende container een besturingselement is gekoppeld. Als u de eigenschap Dock instelt op Right, wordt de rechterrand van het besturingselement vastgemaakt aan de rechterrand van het bovenliggende besturingselement. Daarnaast wordt de gedokte rand van het bedieningselement aangepast aan die van de containercontrole. Zie Dockvoor meer informatie over hoe de eigenschap werkt.

Deze procedure is gericht op het rangschikken van de SplitContainer en de andere besturingselementen op het formulier, niet op het toevoegen van functionaliteit om de toepassing Microsoft Outlook te laten nabootsen.

Een formulier dat is ontworpen om eruit te zien als een e-mailvenster van Outlook.

Om deze gebruikersinterface te maken, plaatst u alle besturingselementen in een SplitContainer-besturingselement. De SplitContainer bevat een TreeView besturingselement in het linkerdeelvenster en een andere SplitContainer aan de rechterkant. De tweede SplitContainer bevat een ListView besturingselement bovenaan en een RichTextBox besturingselement onderaan.

Met deze SplitContainer bedieningselementen kunt u de grootte van de andere bedieningselementen op het formulier onafhankelijk aanpassen. U kunt de technieken in deze procedure aanpassen om zelf aangepaste gebruikersinterfaces te maken.

Indeling van de bedieningselementen

In de volgende tabel wordt beschreven hoe de bedieningselementen zijn ingesteld om Microsoft Outlook na te bootsen.

Beheersing Vastgoed Waarde
SplitContainer Naam splitContainer1
Dockingstation Fill
TabIndex 4
SplitterWidth 4
Scheidingsafstand 100
Panel1.Regelaars Voeg het besturingselement treeView1 toe aan dit deelvenster.
Panel2.Controls Voeg het besturingselement splitContainer2 toe aan dit deelvenster.
TreeView Naam treeView1
Dockingstation Fill
TabIndex 0
Knooppunten Een nieuw knooppunt met de naam Node0 toevoegen
SplitContainer Naam splitContainer2
Dockingstation Fill
TabIndex 1
SplitterWidth 4
Scheidingsafstand 150
Oriëntatie Horizontal
Panel1.Regelaars Voeg het besturingselement listView1 toe aan dit deelvenster.
Panel2.Controls Voeg het besturingselement richTextBox1 toe aan dit deelvenster.
Lijstweergave Naam listView1
Dockingstation Fill
TabIndex 2
Artikelen Voeg een nieuw item toe en stel de tekst in op item1.
RichTextBox Naam richTextBox1
Dockingstation Fill
TabIndex 3
Tekst richTextBox1

Zie ook

  • Last updated on