Udostępnij za pośrednictwem

Porady: tworzenie złożonego interfejsu użytkownika z formularzami systemu Windows przy użyciu narzędzia Projektant

  • Artykuł

W poniższej procedurze utworzysz wielopanowy interfejs użytkownika podobny do interfejsu użytkownika używanego w programie Microsoft Outlook z listą Folderów , okienkiem Wiadomości i okienkiem Podgląd . Ten układ jest osiągany głównie za pomocą kontrolek dokowania z formularzem.

W przypadku zadokowania kontrolki należy określić, do której krawędzi kontenera nadrzędnego jest przymocowana kontrolka. W związku z tym, jeśli ustawisz Dock właściwość na Right, prawa krawędź kontrolki zostanie zadokowana do prawej krawędzi kontrolki nadrzędnej. Ponadto rozmiar zadokowanej krawędzi kontrolki jest zmieniany tak, aby był zgodny z kontrolką kontenera. Aby uzyskać więcej informacji o Dock sposobie działania właściwości, zobacz How to: Dock Controls on Windows Forms (Instrukcje: Dokowanie kontrolek w formularzach systemu Windows).

Ta procedura koncentruje się na rozmieszczaniu SplitContainer i innych kontrolkach w formularzu, a nie na dodawaniu funkcji, aby aplikacja naśladowała program Microsoft Outlook.

Aby utworzyć ten interfejs użytkownika, należy umieścić wszystkie kontrolki w kontrolce SplitContainer , która zawiera kontrolkę TreeView w panelu po lewej stronie. Prawy panel kontrolki SplitContainer zawiera drugą SplitContainer kontrolkę z kontrolką ListView nad kontrolką RichTextBox . Te SplitContainer kontrolki umożliwiają niezależną zmianę rozmiaru innych kontrolek w formularzu. Techniki opisane w tej procedurze można dostosować do własnych niestandardowych interfejsów użytkownika.

Aby utworzyć interfejs użytkownika w stylu programu Outlook w czasie projektowania

  1. Utwórz nowy projekt aplikacji systemu Windows (Plik>nowy>projekt>Visual C# lub Visual Basic>Classic Desktop>Windows Forms Application).

  2. Przeciągnij kontrolkę SplitContainer z przybornika do formularza. W oknie Właściwości ustaw Dock właściwość na Fill.

  3. Przeciągnij kontrolkę TreeView z przybornika do panelu po lewej stronie kontrolki SplitContainer . W oknie Właściwości ustaw Dock właściwość na Left wartość, klikając panel po lewej stronie w edytorze wartości wyświetlanym po kliknięciu strzałki w dół.

  4. Przeciągnij kolejną SplitContainer kontrolkę z przybornika; umieść ją w prawym panelu kontrolki dodanej SplitContainer do formularza. W oknie Właściwości ustaw Dock właściwość na Fill , a Orientation właściwość na Horizontal.

  5. Przeciągnij kontrolkę ListView z przybornika do górnego panelu drugiej SplitContainer kontrolki dodanej do formularza. Dock Ustaw właściwość kontrolki ListView na Fill.

  6. Przeciągnij kontrolkę RichTextBox z przybornika do dolnego panelu drugiej SplitContainer kontrolki. Dock Ustaw właściwość kontrolki RichTextBox na Fill.

    W tym momencie po naciśnięciu klawisza F5, aby uruchomić aplikację, w formularzu zostanie wyświetlony trzyczęściowy interfejs użytkownika podobny do tego w programie Microsoft Outlook.

    Uwaga

    Po ustawieniu wskaźnika myszy na jednym z rozdzielaczy w SplitContainer obrębie kontrolek można zmienić rozmiar wymiarów wewnętrznych.

Na tym etapie tworzenia aplikacji utworzono zaawansowany interfejs użytkownika. Następnym krokiem jest kontynuowanie programowania samej aplikacji, na przykład poprzez TreeView połączenie kontrolki i ListView kontrolek z jakimś źródłem danych. Aby uzyskać więcej informacji na temat łączenia kontrolek z danymi, zobacz Powiązanie danych i Formularze systemu Windows.

Zobacz też