Dela via


Gör så här: Skapa ett användargränssnitt för flera fönster med Windows-formulär

Genom att ordna kontroller i ett formulär kan du skapa ett användargränssnitt med flera fönster som liknar det som används i Microsoft Outlook, med en mapp lista, en fönster och en förhandsgranskningsfönster. Det här arrangemanget uppnås främst genom att docka kontroller till formuläret.

När du dockar en kontroll avgör du vilken kant av den överordnade containern som en kontroll är fäst vid. Om du anger egenskapen Dock för Rightkommer kontrollens högra kant att dockas till den överordnade kontrollens högra kant. Dessutom justeras kontrollens dockade kant så att den överensstämmer med containerkontrollens kant. Mer information om hur egenskapen Dock fungerar finns i How to: Dock Controls on Windows Forms.

Den här proceduren fokuserar på att ordna SplitContainer och de andra kontrollerna i formuläret, inte på att lägga till funktioner för att få programmet att efterlikna Microsoft Outlook.

Ett formulär som är utformat för att se ut som ett Outlook-e-postfönster.

Om du vill skapa det här användargränssnittet placerar du alla kontroller i en SplitContainer kontroll. SplitContainer innehåller en TreeView kontroll i den vänstra panelen och en annan SplitContainer på den högra panelen. Den andra SplitContainer innehåller en ListView kontroll överst och en RichTextBox kontroll längst ned.

Dessa SplitContainer kontroller möjliggör oberoende storleksändring av de andra kontrollerna i formuläret. Du kan anpassa teknikerna i den här proceduren för att skapa egna anpassade användargränssnitt.

Kontrolllayout

I följande tabell beskrivs hur kontrollerna är konfigurerade för att efterlikna Microsoft Outlook:

Kontroll Fastighet Värde
SplitContainer Namn splitContainer1
Docka Fill
TabIndex 4
Delarbredd 4
Splitteravstånd 100
Panel1.Kontroller Lägg till kontrollen treeView1 i den här panelen.
Panel2.Kontroller Lägg till kontrollen splitContainer2 i den här panelen.
Trädvy Namn treeView1
Docka Fill
TabIndex 0
Noder Lägg till en ny nod med namnet Node0
SplitContainer Namn splitContainer2
Docka Fill
TabIndex 1
Delarbredd 4
Splitteravstånd 150
Orientering Horizontal
Panel1.Kontroller Lägg till kontrollen listView1 i den här panelen.
Panel2.Kontroller Lägg till kontrollen richTextBox1 i den här panelen.
ListVy Namn listView1
Docka Fill
TabIndex 2
Föremål Lägg till ett nytt objekt och ange texten till item1.
RikTextBox Namn richTextBox1
Docka Fill
TabIndex 3
SMS richTextBox1

Se även