Lekcja 1.2: Dodanie tabeli pracowników i określenie jej układu

1. W widoku eksploratora pakietów perspektywy Java rozwiń projekt MyDirectory oraz pakiet directory.client.
2. Kliknij prawym przyciskiem myszy plik DirectoryApp.java i wybierz opcję Otwórz za pomocą > Edytor graficzny. Wizualny edytor Java załaduje klasę Java i wyświetli projekt w obszarze kanwy graficznej.

Główne okno w pliku DirectoryApp.java używa obiektu JFrame z obiektem JPanel jako głównego panelu zawartości. Obiekt JPanel w tej aplikacji nosi nazwę jContentPane. Obiekt jContentPane został ustawiony do korzystania z typu menedżera układu o nazwie GridBagLayout. Typ GridBagLayout jest wszechstronnym schematem układu opartym na siatce komórek, które mogą być zajmowane przez elementy wizualne. Wizualny edytor Java ułatwia pracę z typem GridBagLayout, wyświetlając ramki siatki. Wyświetla on również znaczniki rozmieszczenia podczas upuszczania nowych komponentów na siatkę oraz wyświetla uchwyty komponentów, których wielkość jest zmieniana lub które są przenoszone na siatce GridBagLayout.

1. Kliknij prawym przyciskiem myszy obiekt jContentPane w widoku projektu lub widoku komponentów bean Java i wybierz opcję Wyświetl siatkę. Czerwona kropkowana linia oznacza granicę siatki, a niebieskie kółka z numerami wskazują numery wierszy i kolumn. Łatwo na przykład zauważyć, że przycisk Nowy zajmuje komórkę w wierszu 1 (współrzędna y siatki) i kolumnie 3 (współrzędna x siatki).

   

2. Z palety wizualnego edytora Java wybierz komponent Swing JTable on JScrollPane , który znajduje się w szufladzie Komponenty Swing palety.
   Wskazówka: Domyślnie paleta jest zwinięta z prawej strony obszaru projektowania. Paletę można przenosić, a także zmieniać jej wielkość.
3. Ustaw wskaźnik myszy nad komórką siatki w kolumnie 0 i wierszu 1:

   

   • W miarę przesuwania wskaźnika myszy nad siatką wskazuje on dwa numerowane kwadraty określające współrzędne x i y siatki zależne od położenia wskaźnika.
   • W przypadku ustawienia wskaźnika myszy bezpośrednio na granicy siatki można utworzyć nowe wiersze i kolumny, co spowoduje zmianę numeracji istniejących już wierszy i kolumn. W takim przypadku żółte kwadraty przy wskaźniku myszy, żółte paski między siatkami i żółte etykiety kolumny i wiersza oznaczają taką sytuację i określają wpływ takiego umieszczenia elementu.
4. Kliknij lewym przyciskiem myszy, aby upuścić obiekty JScrollPane i JTable w komórce w kolumnie 0 i wierszu 1:

   

1. Wybierz obiekt JScrollPane w obszarze projektowania lub w widoku komponentów bean Java (powinien nadal być jeszcze wybrany, ponieważ dopiero został dodany). Zwróć uwagę na małe zielone kwadraty z prawej strony i u dołu obiektu JScrollPane. Te uchwyt zmiany wielkości służą do przeciągnięcia obiektu JScrollPane tak, aby zajmował wiele kolumn i wierszy.
2. Kliknij i przytrzymaj lewy przycisk myszy na zielonym uchwycie z prawej strony obiektu JScrollPane.
3. Przeciągnij wskaźnik myszy w prawo do chwili, gdy współrzędne rozmieszczenia wskażą kolumnę 2 i wiersz 1. Również ciemnoszary cień będzie wskazywał komórki, które zostaną zajęte przez komponent po zwolnieniu przycisku myszy.

   

4. Zwolnij przycisk myszy. Obiekt JScrollPane zajmuje teraz trzy kolumny.
5. Wykonaj analogiczną czynność, aby przeciągnąć dolny uchwyt obiektu JScrollPane aż osiągnie on wiersz 2:

   

1. Kliknij prawym przyciskiem myszy obiekt JScrollPane w widoku projektu lub widoku komponentów bean Java i wybierz opcję Dostosuj układ.

   

   Wskazówka: Okno dialogowe Dostosowanie układu może pozostawać otwarte podczas wybierania i zmieniania układu różnych komponentów. Okno Dostosowanie układu można otworzyć w dowolnej chwili, klikając przycisk Dostosuj układ na pasku menu:

   

2. Na karcie Składnik w oknie dialogowym Dostosowanie układu sprawdź, czy jest naciśnięty przycisk zakotwiczenia w centrum.
3. Upewnij się, że są naciśnięte oba przyciski wypełnienia poziomego i wypełnienia pionowego.
4. Dodaj z lewej strony odstęp o wielkości 15 (piksli), aby zapewnić miejsce z lewej strony obiektu JScrollPane analogicznie do innych elementów wizualnych aplikacji.

   

   Tabela jest teraz wyrównana na przykład z etykietą Filtr.

   

1. W widoku komponentów bean Java kliknij prawym przyciskiem myszy komponent jTable i z menu podręcznego wybierz opcję Zmień nazwę pola.

   

2. Wpisz employeesTable i kliknij przycisk OK. Obiekt JTable ma teraz nazwę employeesTable, a metoda tworzenia jego instancji nosi nazwę getEmployeesTable.
3. Ustaw tabelę tak, aby można było wybrać tylko jeden wiersz:
   1. Wybierz tabelę employeesTable w widoku projektowania.
   2. W widoku Właściwości wybierz właściwość selectionMode i ustaw jej wartość na SINGLE_SELECTION.

      

   3. Zapisz plik DirectoryApp.java.

W tej lekcji użytkownik poznał sposób dodawania tabeli do istniejącego interfejsu użytkownika za pomocą edytora wizualnego. Następnie użytkownik dowiedział się, jak dostosować jej układ, położenie i odstępy.