Procedure: Een multipane-gebruikersinterface maken met Windows Forms met de ontwerpfunctie

In de volgende procedure maakt u een gebruikersinterface met meerdere deelvensters die vergelijkbaar is met de gebruikersinterface die in Microsoft Outlook wordt gebruikt, met een mappenlijst, een deelvenster Berichten en een Voorbeeld van deelvenster. 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 dus instelt op Right, wordt de rechterrand van het besturingselement aan de rechterrand van zijn bovenliggende besturingselement gedokt. 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.

Als u deze gebruikersinterface wilt maken, plaatst u alle besturingselementen in een SplitContainer besturingselement, dat een TreeView besturingselement in het linkerdeelvenster bevat. Het rechterpaneel van besturingselement SplitContainer bevat het tweede besturingselement SplitContainer met daarboven besturingselement ListView boven besturingselement RichTextBox. 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.

Een Outlook-gebruikersinterface maken tijdens de ontwerpperiode

1. Maak een nieuw Windows-applicatieproject (File>New>Project>Visual C# of Visual Basic>Classic Desktop>Windows Forms-applicatie).

2. Sleep een besturingselement SplitContainer van de Werkset naar het formulier. Stel in het venster Eigenschappen de eigenschap Dock in op Fill.

3. Sleep een TreeView-besturingselement van de -gereedschapskist naar het linkerdeelvenster van het SplitContainer-besturingselement. Stel in het venster Eigenschappen de eigenschap Dock in op Left door in het linkerdeelvenster van de waarde-editor te klikken, die verschijnt wanneer op het pijltje omlaag wordt geklikt.

4. Sleep nog een besturingselement SplitContainer uit de werkbalk en plaats het in het rechterdeelvenster van het besturingselement SplitContainer dat u aan het formulier hebt toegevoegd. Stel in het venster Eigenschappen de eigenschap Dock in op Fill en de eigenschap Orientation op Horizontal.

5. Sleep een besturingselement ListView van de Gereedschapskist naar de bovenkant van het tweede SplitContainer besturingselement dat u aan uw formulier hebt toegevoegd. Stel de eigenschap Dock van het besturingselement ListView in op Fill.

6. Sleep een RichTextBox besturingselement van de Gereedschapskist naar het onderste paneel van het tweede SplitContainer besturingselement. Stel de eigenschap Dock van het besturingselement RichTextBox in op Fill.

   Als u op F5 drukt om de toepassing uit te voeren, wordt in het formulier een driedelige gebruikersinterface weergegeven, vergelijkbaar met die van Microsoft Outlook.

   Opmerking

   Wanneer u de muiswijzer op een van de scheidingselementen in de SplitContainer bedieningselementen plaatst, kunt u de interne afmetingen aanpassen.

Op dit moment in de ontwikkeling van toepassingen hebt u een geavanceerde gebruikersinterface gemaakt. De volgende stap gaat verder met het programmeren van de toepassing zelf, mogelijk door het TreeView besturingselement en ListView besturingselementen te verbinden met een soort gegevensbron. Zie Gegevensbinding en Windows Formsvoor meer informatie over het verbinden van besturingselementen met gegevens.

Zie ook

• SplitContainer
• SplitContainer-controle