Udostępnij za pośrednictwem

Przewodnik: Rozmieszczanie kontrolek w formularzach Windows przy użyciu linii przyciągania

  • Artykuł

Precyzyjne umieszczanie kontrolek w formularzu jest wysokim priorytetem dla wielu aplikacji. Projektant formularzy systemu Windows udostępnia wiele narzędzi do tworzenia układów. Jedną z najważniejszych funkcji jest funkcja SnapLine.

Linie przyciągania pokazują dokładnie, gdzie można ustawić kontrolki w kolejce z innymi kontrolkami. Pokazują one również zalecane odległości dla marginesów między kontrolkami, zgodnie z wytycznymi interfejsu użytkownika systemu Windows .

Linie przyciągania ułatwiają wyrównanie kontrolek, zapewniając czysty, profesjonalny wygląd i działanie (wrażenia i funkcjonalność).

Tworzenie projektu

  1. W programie Visual Studio utwórz projekt aplikacji oparty na systemie Windows o nazwie "SnaplineExample".

  2. Wybierz formularz w projektancie formularzy.

Rozmieszczanie i wyrównanie elementów sterujących

Linie przyciągania zapewniają dokładny i intuicyjny sposób wyrównywania kontrolek w formularzu. Są one wyświetlane podczas przenoszenia wybranej kontrolki lub kontrolek w pobliżu pozycji, która będzie zgodna z inną kontrolką lub zestawem kontrolek. Wybór będzie "przyciągany" do sugerowanej pozycji w miarę przesuwania jej obok innych kontrolek.

Aby rozmieścić kontrolki przy użyciu linii przyciągania

  1. Przeciągnij kontrolkę Button z przybornika na formularz.

  2. Przenieś kontrolkę Button do prawego dolnego rogu formularza. Zwróć uwagę na linie przyciągania, które pojawiają się, gdy kontrolka Button zbliża się do dolnej i prawej krawędzi formularza. Te linie przyciągania wyświetlają zalecaną odległość między obramowaniami kontrolki a formularzem.

  3. Przenieś kontrolkę Button wokół obramowania formularza i zanotuj, gdzie są wyświetlane linie przyciągania. Po zakończeniu przenieś kontrolkę Button w pobliżu środka formularza.

  4. Przeciągnij kolejną kontrolkę Button z przybornika na swój formularz.

  5. Przenieś drugą kontrolkę Button, dopóki nie będzie ona prawie wyrównana z pierwszym. Zwróć uwagę na linię przyciągania, która pojawia się przy linii podstawowej tekstu obu przycisków, oraz że kontrolka, którą poruszasz, ustawia się dokładnie na tej samej wysokości co inna kontrolka.

  6. Przenieś drugą kontrolkę Button, aż zostanie umieszczona bezpośrednio nad pierwszą. Zwróć uwagę na linie przyciągania, które są wyświetlane wzdłuż lewej i prawej krawędzi obu przycisków, i zauważ, że element sterujący, który przenosisz, przeskakuje na pozycję, która jest dokładnie wyrównana z innym elementem sterującym.

  7. Wybierz jedną z kontrolek Button i przenieś ją blisko drugiej, dopóki nie będą się prawie dotykać. Zwróć uwagę na linię przyciągania, która pojawia się między nimi. Odległość ta jest zalecaną odległością między granicami kontrolek. Należy również pamiętać, że kontrolka, którą przenosisz, automatycznie dopasowuje się do tej pozycji.

  8. Przeciągnij dwie kontrolki Panel z przybornika na formularz.

  9. Przenieś jedną z kontrolek Panel, dopóki nie będzie ona prawie wyrównana z pierwszym. Zwróć uwagę na linie przyciągania, które pojawiają się wzdłuż górnej i dolnej krawędzi obu kontrolek, oraz że kontrolka, którą przenosisz, przeskakuje do pozycji dokładnie wyrównanej z drugą kontrolką.

Wyrównaj do marginesów formy i kontenera

Linie przyciągania ułatwiają wyrównanie kontrolek do marginesów formularzy i kontenerów w spójny sposób.

  1. Wybierz jedną z kontrolek Button i przesuń ją w pobliże prawego obramowania formularza, aż pojawi się linia przyciągania. Odległość linii przyciągania od prawej krawędzi to suma właściwości Margin kontrolki oraz wartości właściwości Padding formularza.

    Notatka

    Jeśli właściwość Padding formularza jest ustawiona na 0,0,0,0, Projektant formularzy Windows nadaje formularzowi domyślną cieniowaną wartość Padding równą 9,9,9,9. Aby zastąpić to zachowanie, przypisz wartość inną niż 0,0,0,0.

  2. Zmień wartość właściwości kontrolki , rozwijając wpis w oknie właściwości i ustawiając właściwość na 0. Aby uzyskać szczegółowe informacje, zobacz Przewodnik: układanie kontrolek formularzy Windows za pomocą wypełnienia, marginesów i funkcji AutoSize.

  3. Przenieś element sterujący Button w pobliże prawego obramowania formularza, aż pojawi się linia przyciągania. Ta odległość jest teraz podana przez wartość właściwości Padding formularza.

  4. Przeciągnij kontrolkę GroupBox z przybornika na Twój formularz.

  5. Zmień wartość właściwości kontrolki , rozwijając wpis w oknie właściwości i ustawiając właściwość na 10.

  6. Przeciągnij kontrolkę z przybornika do kontrolki .

  7. Przenieś kontrolkę Button w pobliżu prawego obramowania kontrolki GroupBox, aż pojawi się linia przyciągania. Przenieś kontrolkę Button w obrębie kontrolki GroupBox i zauważ, gdzie są wyświetlane linie przyciągania.

Wyrównaj do grupowanych elementów sterujących

Linie przyciągania umożliwiają wyrównanie grupowanych kontrolek oraz kontrolek w kontrolce GroupBox.

  1. Wybierz dwie kontrolki w formularzu. Przenieś wybór i zanotuj linie przyciągania, które pojawiają się między nim a innymi elementami sterującymi.

  2. Przeciągnij kontrolkę GroupBox z przybornika na formularz.

  3. Przeciągnij kontrolkę z przybornika do kontrolki .

  4. Wybierz jedną z kontrolek Button i przenieś ją wokół kontrolki GroupBox. Zwróć uwagę na linie przyciągania wyświetlane na krawędziach kontrolki GroupBox. Zwróć również uwagę na linie przyciągania, które są wyświetlane na krawędziach kontrolki Button, która jest zawarta w kontrolce GroupBox. Kontrolki będące elementami podrzędnych kontrolki kontenera obsługują również linie przyciągania.

Użyj linii przyciągania, aby umieścić kontrolkę, określając jej rozmiar

  1. W przyborniku kliknij ikonę kontrolki Button. Nie przeciągaj go na formularz.

  2. Przesuń wskaźnik myszy na powierzchni projektowej formularza. Zwróć uwagę, że wskaźnik zmienia się na krzyżyk z dołączoną ikoną kontrolki Button. Zwróć również uwagę na linie przyciągania, które wydają się sugerować wyrównane pozycje dla kontrolki Button.

  3. Kliknij i przytrzymaj przycisk myszy.

  4. Przeciągnij wskaźnik myszy wokół formularza. Zwróć uwagę, że narysowany jest kontur wskazujący położenie i rozmiar kontrolki.

  5. Przeciągnij wskaźnik, aż wyrówna się z inną kontrolką na formularzu. Należy pamiętać, że linia przyciągania wydaje się wskazywać wyrównanie.

  6. Zwolnij przycisk myszy. Element sterujący jest tworzony w pozycji i rozmiarze wskazanym przez obrys.

Użyj linii przyciągania podczas przeciągania kontrolki z przybornika

  1. Przeciągnij kontrolkę Button z przybornika na formularz, ale nie zwalniaj przycisku myszy.

  2. Przesuń wskaźnik myszy na powierzchni projektowej formularza. Zwróć uwagę, że wskaźnik zmienia się, aby wskazać położenie, w którym zostanie utworzona nowa kontrolka Button.

  3. Przeciągnij wskaźnik myszy wokół formularza. Zwróć uwagę na linie przyciągania, które wydają się sugerować wyrównane pozycje dla kontrolki Button. Znajdź pozycję zgodną z innymi kontrolkami.

  4. Zwolnij przycisk myszy. Kontrolka jest tworzona na pozycji wskazanej przez linie przyciągania.

Zmienianie rozmiaru kontrolki przy użyciu linii przyciągania

  1. Przeciągnij kontrolkę Button z przybornika na formularz.

  2. Zmień rozmiar kontrolki Button, chwytając jeden z uchwytów ustalania rozmiaru i przeciągając go. Aby uzyskać szczegółowe informacje, zobacz Jak zmieniać rozmiar kontrolek w formularzach Windows.

  3. Przeciągnij uchwyt określania rozmiaru, aż jedna z krawędzi kontrolki Button zostanie wyrównana z inną kontrolką. Zwróć uwagę, że zostanie wyświetlona linia przyciągania. Pamiętaj również, że uchwyt zmiany rozmiaru dostosowuje się do pozycji wskazanej przez linię przyciągania.

  4. Zmień rozmiar kontrolki Button w różnych kierunkach i ustaw uchwyt rozmiaru względem różnych kontrolek. Zwróć uwagę, jak linie przyciągania są wyświetlane w różnych orientacjach, aby wskazać wyrównanie.

Dopasuj etykietę do tekstu kontrolki

  1. Przeciągnij kontrolkę TextBox z przybornika na twój formularz. Po umieszczeniu kontrolki TextBox na formularzu kliknij znacznik smart tag i wybierz opcję Ustaw tekst na textBox1. Aby uzyskać szczegółowe informacje, zobacz Przewodnik dotyczący wykonywania typowych zadań za pomocą akcji projektowych.

  2. Przeciągnij kontrolkę Label z przybornika na swój formularz.

  3. Zmień wartość właściwości AutoSize kontrolki Label na true. Należy pamiętać, że obramowania kontrolki są dostosowywane tak, aby pasowały do tekstu wyświetlanego.

  4. Przenieś kontrolkę Label z lewej strony kontrolki TextBox, aby była wyrównana do dolnej krawędzi kontrolki TextBox. Zwróć uwagę na linię przyciągania, która jest wyświetlana wzdłuż dolnych krawędzi dwóch kontrolek.

  5. Przesuń kontrolkę Label nieco w górę, aż tekst Label i tekst TextBox zostaną wyrównane. Zwróć uwagę na linię przyciągania o innym stylu, która pojawia się, gdy pola tekstowe obu kontrolek są wyrównane.

Używanie linii przyciągania z nawigacją za pomocą klawiatury

  1. Przeciągnij kontrolkę Button z przybornika na twój formularz. Umieść go w lewym górnym rogu formularza.

  2. Naciśnij Ctrl+strzałkę w dół. Należy pamiętać, że kontrolka przenosi formularz w dół do pierwszej dostępnej pozycji wyrównania w poziomie.

  3. Naciśnij ctrl+strzałkę w dół, aż kontrolka osiągnie dolną część formularza. Zwróć uwagę na pozycje, które zajmuje, gdy przesuwa się w dół formularza.

  4. Naciśnij Ctrl+strzałkę w prawo. Należy pamiętać, że kontrolka przechodzi przez formularz do pierwszej dostępnej pozycji wyrównania w pionie.

  5. Naciśnij ctrl+strzałkę w prawo, aż kontrolka osiągnie bok formularza. Zwróć uwagę na pozycje, które zajmuje w miarę poruszania się po formularzu.

  6. Przenieś kontrolkę wokół formularza za pomocą kombinacji strzałek. Zwróć uwagę na pozycje zajmowane przez kontrolkę i linie przyciągania, które im towarzyszą.

  7. Naciśnij Shift+klawiszy strzałek, aby zmienić rozmiar kontrolki Button o jeden piksel.

  8. Naciśnij Ctrl+Shift+klawisze strzałek, aby zmienić wielkość kontrolki Button w przyrostach linii przyciągania.

Selektywnie wyłącz linie przyciągania

  1. Przeciągnij kontrolkę TableLayoutPanel z przybornika na formularz.

  2. Kliknij dwukrotnie ikonę kontrolki Button w przyborniku . Pamiętaj, że nowa kontrolka przycisku pojawia się w pierwszej komórce kontrolki TableLayoutPanel.

  3. Kliknij dwukrotnie ikonę kontrolki Button w przyborniku , a następnie kliknij ją jeszcze dwa razy w. Pozostawia to jedną pustą komórkę w kontrolce TableLayoutPanel.

  4. Przeciągnij kontrolkę Button z przybornika do pustej komórki kontrolki TableLayoutPanel. Pamiętaj, że linie pomocnicze nie są wyświetlane.

  5. Przeciągnij kontrolkę Button poza kontrolkę TableLayoutPanel i przenieś ją wokół kontrolki TableLayoutPanel. Należy pamiętać, że linie przyciągania są ponownie wyświetlane.

Wyłącz linie przyciągania

Przytrzymaj klawisz Alt podczas przesuwania elementu sterującego po formularzu.

Nie są wyświetlane linie przyciągania, a kontrolka nie zostaje przyciągnięta do żadnych potencjalnych pozycji wyrównania.

Aby wyłączyć linie przyciągania w środowisku projektowym

  1. W menu narzędzia otwórz okno dialogowe Opcje . Wybierz pozycję Windows Forms Designer.

  2. Wybierz węzeł Ogólne. W sekcji Tryb układu zmień wybór z SnapLines na SnapToGrid.

  3. Wybierz pozycję OK, aby zastosować ustawienie.

  4. Wybierz kontrolkę w formularzu i przenieś ją wokół innych kontrolek. Należy pamiętać, że linie przyciągania nie są widoczne.

Następne kroki

Linie przyciągania oferują intuicyjne środki wyrównywania kontrolek w formularzu. Sugestie dotyczące większej liczby eksploracji obejmują:

  • Spróbuj zagnieżdżać kontrolkę GroupBox w innej kontrolce GroupBox. Umieść kontrolkę Button w podrzędnej kontrolce GroupBox, a drugą w nadrzędnej kontrolce GroupBox. Przenieś kontrolki Button, aby zobaczyć, jak linie przyciągania przekraczają granice kontenera.

  • Utwórz kolumnę kontrolek TextBox i odpowiednią kolumnę kontrolek Label. Ustaw wartość właściwości AutoSize kontrolek Label na true. Użyj linii przyciągania, aby przesunąć kontrolki Label, tak aby ich wyświetlany tekst był wyrównany z tekstem w kontrolkach TextBox.

Zobacz też