Wyrównywanie komponentów za pomocą wyrównania X/Y

Po ustawieniu wartości NULL dla właściwości layout komponentu można użyć okna Dostosowywanie układu w celu wyrównania komponentów w oparciu o ich granice.

Gdy układ ma wartość NULL, położenie i wielkość każdego komponentu w interfejsie użytkownika są określane niezależnie na podstawie jego granic. Aby uniknąć aktualizowania granic każdego komponentu z osobna, co jest czynnością nużącą i narażoną na błędy, można za pomocą edytora elementów wizualnych wyrównać i dopasować wielkość oraz położenie komponentów na podstawie związków między nimi.

Gdy układ ma wartość NULL, w oknie Dostosowywanie układu dostępnych jest kilka akcji, które można stosować do grupy komponentów. Można wykonywać następujące czynności:
  • wyrównywać komponenty w oparciu o krawędzie,
  • wyrównywać komponenty w oparciu o punkty środkowe,
  • nadawać komponentom taką samą szerokość i wysokość,
  • rozmieszczać komponenty równomiernie, w pionie i w poziomie, na określonym obszarze.

Aby wyrównać komponenty, zmienić ich wielkość oraz rozmieścić je w układzie o wartości NULL:

  1. W widoku projektu lub widoku komponentów Java Bean wybierz jeden lub więcej komponentów, które mają zostać wyrównane lub dopasowane względem siebie. Aby wybrać większą liczbę komponentów, możesz użyć narzędzia wyboru wielokrotnego lub przytrzymać naciśnięty klawisz Ctrl. Ostatni wybrany komponent jest komponentem sterującym, czyli zakotwiczeniem. Zakotwiczenie ma czarne uchwyty zmiany wielkości, natomiast inne wybrane komponenty mają uchwyty w kolorze białym.
  2. Wykonaj jedną z następujących czynności w celu otwarcia okna Dostosowywanie układu:
    • Kliknij prawym przyciskiem myszy i wybierz z menu rozwijanego opcję Dostosuj układ.
    • Kliknij przycisk Dostosuj układ Przycisk Dostosuj układ na pasku narzędzi na pasku narzędzi.

    Okno Dostosowywanie układu dla układu o wartości NULL

  3. Aby wyrównać komponenty względem siebie, użyj następujących przycisków:
    • Wyrównaj do lewej - wyrównuje komponenty z lewą krawędzią zakotwiczenia.
    • Wyśrodkuj - wyrównuje komponenty ze środkiem zakotwiczenia w płaszczyźnie pionowej.
    • Wyrównaj do prawej - wyrównuje komponenty z prawą krawędzią zakotwiczenia.
    • Wyrównaj do góry - wyrównuje komponenty z górną krawędzią zakotwiczenia.
    • Wyrównaj do środka - wyrównuje komponenty ze środkiem zakotwiczenia w płaszczyźnie poziomej.
    • Wyrównaj do dołu - wyrównuje komponenty z dolną krawędzią zakotwiczenia.
  4. Aby dopasować wielkość wybranych komponentów, użyj następujących przycisków:
    • Dopasuj szerokość - nadaje komponentom taką samą szerokość, jak szerokość komponentu zakotwiczenia.
    • Dopasuj wysokość - nadaje komponentom taką samą wysokość, jak wysokość komponentu zakotwiczenia.
  5. Aby uzyskać żądane odstępy między komponentami, najpierw wykonaj jedną z następujących czynności w celu określenia granic obszaru rozmieszczania:
    • Nie klikaj żadnego elementu, aby jako obszaru rozmieszczania użyć kontenera (jest to zachowanie domyślne) lub kliknij opcję Ukryj pole rozmieszczania, jeśli pole to jest już widoczne.
    • Kliknij opcję Pokaż pole rozmieszczania i przeciągnij uchwyty pola, aby uzyskać wymaganą wielkość pola rozmieszczania.
    Następnie użyj jednego z następujących przycisków, aby rozmieścić komponenty:
    • Rozmieść w poziomie - nadaje komponentom taką samą szerokość, jak szerokość komponentu zakotwiczenia.
    • Rozmieść w pionie - nadaje komponentom taką samą wysokość, jak wysokość komponentu zakotwiczenia.

Można na przykład wybrać trzy komponenty JButton i określić dla nich tę samą szerokość oraz wyrównać je do lewej granicy. Komponent JButton wybrany jako ostatni służy jako zakotwiczenie, czyli komponent sterujący, dla dwóch pozostałych przycisków. Akcja Wyrównaj do lewej wyrównuje komponenty JButton do lewej krawędzi ostatniego wybranego komponentu JButton, a akcja Dopasuj szerokość nadaje wybranym komponentom JButton taką samą szerokość, jak szerokość sterującego komponentu JButton.

Przyciski wyrównania w oknie Dostosowywanie układu są dostępne tylko w przypadku spełnienia następujących warunków:

Poza wyrównywaniem komponentów oraz dopasowywaniem szerokości i wysokości można również rozmieszczać komponenty. Rozmieszczanie komponentów oznacza, że ich położenie jest zmieniane tak, aby osiągnąć równe odstępy między nimi w polu ograniczającym zdefiniowanym przez kontener nadrzędny. Na przykład przed kliknięciem przycisku Rozmieść w pionie Przycisk rozmieszczania w pionie, trzy przyciski mają nierówne odstępy, tak jak to pokazano na poniższej ilustracji:


Komponenty Bean umieszczone w widoku projektu

Po kliknięciu przycisku Rozmieść w pionie uzyskiwane są równe odstępy między komponentami, tak jak to pokazano na poniższej ilustracji:

Komponenty Bean rozmieszczone w pionie

Warto zauważyć, że te trzy przyciski są rozmieszczone na wysokość obiektu nadrzędnego (górna i dolna krawędź ramki).

Aby mieć większą kontrolę nad obszarem stosowanym do rozmieszczania, można włączyć pole rozmieszczania przez kliknięcie przycisku Pokaż pole rozmieszczania Pole rozmieszczania. Po kliknięciu tego przycisku rysowane jest pole wokół obszaru zawierającego wszystkie wybrane komponenty. Pole to można przenosić i zmieniać jego wielkość za pomocą uchwytów. Gdy stosowane jest pole rozmieszczania i jest ono aktywne, określa ono obszar wykorzystywany przy zmianie pozycji elementów sterujących. Przy braku pola rozmieszczania obszar rozmieszczania jest określony kontenerem nadrzędnym. Na poniższej ilustracji pokazano pole rozmieszczania:

Komponenty Bean i pole rozmieszczania

Położenie i wielkość pola rozmieszczania można zmieniać, tak jak to pokazano na poniższej ilustracji:

Komponenty Bean w polu rozmieszczania o zmienionej wielkości

Jeśli stosowane jest pole rozmieszczania i nastąpi rozmieszczenie w pionie, rozmieszczenie to jest wykonywane w granicach pola, a nie kontenera nadrzędnego, tak jak to pokazano na poniższej ilustracji:

Komponenty Bean rozmieszczone w pionie w obrębie pola

(C) Copyright IBM Corporation 1999, 2004. Wszelkie prawa zastrzeżone.