Dela via

Gör så här: Skapa ett flersidigt användargränssnitt med Windows-formulär med hjälp av designern

I följande procedur skapar du ett flersidigt användargränssnitt som liknar det som används i Microsoft Outlook, med en lista med Mapp, en Meddelande--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 till Rightdockas kontrollens högra kant 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.

Om du vill skapa det här användargränssnittet placerar du alla kontroller i en SplitContainer kontroll, som innehåller en TreeView kontroll i den vänstra panelen. Den högra panelen i SplitContainer-kontrollen innehåller en andra SplitContainer-kontroll, med en ListView-kontroll ovanför en RichTextBox-kontroll. 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.

Så här skapar du ett användargränssnitt i Outlook-format vid designtillfället

  1. Skapa ett nytt Windows-programprojekt (File>New>Project>Visual C# eller Visual Basic>Classic Desktop>Windows Forms Application).

  2. Dra en SplitContainer-kontroll från Toolbox- till formuläret. I fönstret Egenskaper anger du egenskapen Dock till Fill.

  3. Dra en TreeView-kontroll från Toolbox- till den vänstra panelen i SplitContainer-kontrollen. I fönstret Egenskaper anger du egenskapen Dock till Left genom att klicka på den vänstra panelen i värderedigeraren som visas när nedåtpilen klickas.

  4. Dra en annan SplitContainer-kontroll från Toolbox-; placera den på den högra panelen av SplitContainer-kontrollen som du lagt till i formuläret. I fönstret Egenskaper anger du egenskapen Dock till Fill och egenskapen Orientation till Horizontal.

  5. Dra en ListView-kontroll från -Toolbox- till den övre panelen i den andra SplitContainer-kontroll som du lade till i formuläret. Ange egenskapen Dock för kontrollen ListView till Fill.

  6. Dra en RichTextBox-kontrollkomponent från Toolbox till den nedre panelen i den andra SplitContainer-kontrollkomponenten. Ange egenskapen Dock för kontrollen RichTextBox till Fill.

    Om du trycker på F5 för att köra programmet visar formuläret ett användargränssnitt i tre delar, ungefär som i Microsoft Outlook.

    Anmärkning

    När du placerar muspekaren över någon av delningarna i SplitContainer kontroller kan du ändra storlek på de interna dimensionerna.

Nu i programutveckling har du skapat ett avancerat användargränssnitt. Nästa steg är att fortsätta med programmeringen av själva programmet, kanske genom att ansluta TreeView-kontrollen och ListView kontroller till någon form av datakälla. Mer information om hur du ansluter kontroller till data finns i Databindning och Windows Forms.

Se även