Lekce 1.2: Přidání a rozvržení tabulky zaměstnanců

1. V pohledu Průzkumník balíčků perspektivy Java rozbalte projekt MyDirectory a balíček directory.client.
2. Klepněte pravým tlačítkem myši na soubor DirectoryApp.java a vyberte Otevřít pomocí > Vizuální editor. Vizuální editor Javy nahraje třídu Javy a zobrazí návrh v oblasti grafického plátna.

Hlavní okno DirectoryApp.java používá JFrame s JPanel pro hlavní panel. JPanel se v naší aplikaci jmenuje jContentPane. jContentPane byl nastaven, aby používal typ správce rozvržení GridBagLayout. GridBagLayout je účinné schéma rozvržení založené na mřížce buněk, které lze obsadit vizuálními komponentami. Vizuální editor Javy usnadňuje práci s GridBagLayout tím, že zobrazuje hranice mřížky. Také zobrazuje značky umístění, když uvolníte nové komponenty na mřížku, a zobrazuje odkazy na komponenty, které na GridBagLayout přesunujete nebo měníte jejich velikost.

1. Klepněte pravým tlačítkem myši na podokno jContentPane v pohledu Java Beans a vyberte Zobrazit mřížku. Červená tečkovaná čára zobrazuje hranici mřížky a modré kroužky s čísly indikují čísla řádků a sloupců. Například si všimněte, že tlačítko Nový je v řádku 1 (mřížka y) a sloupec 3 (mřížka x).

   

2. V obvyklé paletě vizuálního editoru Javy vyberte komponentu Swing JTable na JScrollPane , která je v zásuvce palety Komponenty Swing.
   Tip: Podle předvolby je paleta sbalená na pravé straně oblasti návrhu. Můžete změnit velikost palety anebo ji přemístit.
3. Přesuňte ukazatel myši nad buňku v mřížce ve sloupci 0, řádku 1:

   

   • Když pohybujete ukazatelem myši po mřížce, u ukazatele myši se zobrazují dva očíslované čtverečky, které udávají souřadnice x a y v mřížce v závislosti na pozici ukazatele myši.
   • Pokud držíte ukazatel myši přesně nad hranicí mřížky, je možné vytvořit nové řádky a sloupce a přečíslovat existující řádky a sloupce. V tomto případě indikují toto chování žluté čtverečky na ukazateli myši, žluté pruhy v mřížce a žluté popisky sloupce a řádku - ukazují vliv, který bude umístění mít.
4. Klepnutím na levé tlačítko umístíte JScrollPane a JTable na buňku na sloupci 0 a řádku 1:

   

1. Vyberte podokno JScrollPane v oblasti návrhu nebo v pohledu Java Beans (měl by stále být vybrán, protože jste ho právě přidali). Všimněte si malých zelených čtverečků vpravo a dole od JScrollPane. Tyto manipulátory na úpravu velikosti použijete pro tažení JScrollPane, aby obsáhl několik sloupců a řádků.
2. Klepněte a držte levé tlačítko myši nad zeleným manipulátorem napravo od JScrollPane.
3. Táhněte ukazatel myši doprava, dokud umístění nebude udávat sloupec 2, řádek 1. Tmavě šedé stínování bude také určovat buňky, které bude komponenta okupovat, až uvolníte tlačítko myši.

   

4. Uvolněte tlačítko myši. JScrollPane nyní obsahuje tři sloupce.
5. Zopakujte podobný proces a táhněte dolní manipulátor JScrollPane, dokud JScrollPane nebude zasahovat do řádku 2:

   

1. Klepněte pravým tlačítkem na podokno JScrollPane v pohledu návrhu nebo v pohledu Java Beans a vyberte Přizpůsobit rozvržení.

   

   Tip: Dialogové okno Přizpůsobit rozvržení může zůstat otevřené, když vybíráte a měníte rozvržení pro různé komponenty. Dialogové okno Přizpůsobit rozvržení můžete kdykoliv otevřít klepnutím na tlačítko Přizpůsobit rozvržení v pruhu nabídky:

   

2. Na kartě Komponenta v dialogovém okně Přizpůsobit rozvržení se ujistěte, že je stisknuté tlačítko Ukotvit střed.
3. Ujistěte se, že jsou stisknutá tlačítka Vyplnit horizontálně a Vyplnit vertikálně.
4. Přidejte vsazení vlevo (15 pixelů), aby byl rozestup na levé straně podokna JScrollPane podobný jako mají další vizuální komponenty aplikace.

   

   Tabulka je nyní zarovnána například podle popisu Filtr.

   

1. V pohledu Java Beans klepněte pravým tlačítkem na komponentu jTable a vyberte Přejmenovat pole z rozevírací nabídky.

   

2. Zapište employeesTable a klepněte na OK. Tabulka JTable se nyní jmenuje employeesTable a metoda pro vytvoření instance je getEmployeesTable.
3. Nastavte tabulku tak, aby povolovala pouze výběr jediného řádku.
   1. V pohledu návrhu vyberte tabulku employeesTable.
   2. V pohledu Vlastnosti vyberte vlastnost selectionMode a nastavte ji na SINGLE_SELECTION.

      

   3. Uložte soubor DirectoryApp.java.

V této lekci jste se naučili, jak používat vizuální editor pro přidání tabulky do existujícího uživatelského rozhraní. Také jste se naučili, jak přizpůsobit rozvržení, umístění a rozestupy.