1.2 feladat: Alkalmazottak tábla hozzáadása és elrendezése

1. A Java perspektíva Csomagböngésző nézetében bontsa ki a MyDirectory projektet és a directory.client csomagot.
2. Kattintson a jobb egérgombbal a DirectoryApp.java fájlra, majd válassza az előugró menü Társítás > Vizuális szerkesztő menüpontját. A vizuális Java szerkesztő betölti a Java osztályt, és megjeleníti a látványtervet a grafikus rajzolási területen.

A DirectoryApp.java főablaka JFrame összetevőt használ, fő tartalom panelként a JPanel használatával. Ebben az alkalmazásban a JPanel neve jContentPane. A jContentPane a GridBagLayout nevű elrendezéstípust használja. A GridBagLayout hatékony elrendezési séma, ami vizuális összetevőkkel benépesíthető cellarácsokon alapszik. A vizuális Java szerkesztő megjeleníti a rácsok keretét, így megkönnyíti a GridBagLayout kezelését. Elhelyezési jelzőket is megjelenít, amikor új összetevőket helyez a rácsra, illetve kezelőket a GridBagLayout összetevőinek mozgatásakor vagy méretezésekor.

1. Kattintson a jobb egérgombbal a jContentPane összetevőre a tervezés nézetben vagy egy Java komponens nézeten, majd válassza az előugró menü Rácsok megjelenítése menüpontját. Vörös pontozott vonal jelzi a rács szegélyét, számokkal ellátott körök pedig a sorok és oszlopok számát. Például az Új gomb az 1. sorban (y rács) és a 3. oszlopban (x rács) van.

   

2. A vizuális Java szerkesztő palettán válassza a JTable JScrollPane összetevőn Swing összetevőt, ami a paletta Swing összetevők fiókjában van kategorizálva.
   Tipp: A paletta alapértelmezésben a tervezési terület jobb oldalán van összehúzva. Átméretezheti és mozgathatja a palettát.
3. Helyezze az egérmutatót a 0. oszlop 1. sorában levő cella fölé:

   

   • Ahogy a rács fölött mozgatja az egérmutatót, két számozott négyzet jelenik meg, bennük az adott rács x és y koordinátájával.
   • Ha közvetlenül a rács szegélye fölé viszi az egérmutatót, akkor új sorokat és oszlopokat hozhat létre, a meglévő sorok és oszlopok pedig újraszámozódnak. Ilyen esetben sárga négyzetek jelennek meg az egérmutatón, továbbá sárga sávok a rácsok közt, illetve sárga oszlop- és sorcímkék jelzik ezt a viselkedést, valamint az új elhelyezés hatását.
4. Kattintson a bal egérgombbal, hogy lerakja a JScrollPane és a JTable összetevőt a 0. oszlop 1. sorába:

   

1. Jelölje ki a JScrollPane összetevőt a tervezési területen vagy a Java komponens nézetben (mivel épp most adta hozzá, ki van jelölve). Figyelje meg a JScrollPane jobb oldalán és alján látható zöld négyzeteket. Ezekkel az újraméretezési kezelőkkel fogja áthúzni a JScrollPane összetevőt több oszlopra és sorra.
2. Kattintson a bal egérgombbal a JScrollPane jobb oldalán található zöld kezelőre, és tartsa lenyomva a gombot.
3. Húzza jobbra az egérmutatót, míg az elhelyezés átkerül a 2. oszlop 1. sorába. Sötétszürke terület jelzi azokat a cellákat, amiket az összetevő elfoglal az egérgomb felengedése után.

   

4. Engedje el az egérgombot. A JScrollPane most három oszlopra terjed ki.
5. Ismételje meg ehhez hasonlóan a folyamatot: húzza a JScrollPane alján levő kezelőt, míg ki nem terjeszti a 2. sorra:

   

1. Kattintson a jobb egérgombbal a JScrollPane összetevőre a tervezés nézetben vagy a Java komponens nézeten, majd válassza az előugró menü Elrendezés személyre szabása menüpontját.

   

   Tipp: Az Elrendezés személyre szabása párbeszédablak nyitva maradhat, míg kiválasztja és módosítja a különböző összetevők elrendezését. Bármikor megnyithatja az Elrendezés személyre szabása párbeszédablakot a menüsor megfelelő gombjára kattintva:

   

2. Ellenőrizze, hogy az Elrendezés személyre szabása párbeszédablak Összetevők lapján a Horgony középre gomb van lenyomva.
3. Győződjön meg róla, hogy mind a Vízszintes kitöltés, mind a Függőleges kitöltés gomb le van nyomva.
4. Vegyen fel 15 (pixel) bal oldali behúzást, hogy a JScrollPane bal oldali térköze hasonló legyen az alkalmazás többi vizuális összetevőjééhez.

   

   A tábla például már egy vonalban van a Szűrő címkével.

   

1. Kattintson a jobb egérgombbal a JTable összetevőre a Java komponens nézetben, majd válassza az előugró menü Mező átnevezése menüpontját.

   

2. Írja be az employeesTable értéket és kattintson az OK gombra. A JTable neve már employeesTable, a példányosító metódusé pedig getEmployeesTable.
3. Állítsa be, hogy a tábla csak egy sort jelölhessen ki:
   1. Jelölje ki az employeesTable táblát a tervezés nézetben.
   2. Válassza ki a Tulajdonságok nézetben a selectionMode tulajdonságot, és állítsa SINGLE_SELECTION értékre.

      

   3. Mentse el a DirectoryApp.java fájlt.

Ebben a leckében megtanulta, hogyan lehet a vizuális szerkesztővel táblát felvenni meglévő felhasználói felülethez. Ezután megtanulta személyre szabni annak elrendezését, helyzetét és térközeit.