2011. szeptember 9., péntek

GUI alkalmazás készítése NetBeans-el

Ma a netbeans.org oldalon található Designing a Swing GUI in NetBeans IDE tutorialt csináltam végig (azaz még folyamatban van, de a végére kell jutnom).
Ebben a következő lényeges dolgokat találtam:


  • NetBeans JAVA projekt felépítése és tartalma. Minden projekt indításakor létrejön a megadott helyen a projekt könyvtárstruktúrája, ahol tárolódnak a különböző java forrásfájlok, a projekthez tartozó metaadatok (pl a projekt beállításait tartalmazó fájlok) és egy Ant script, ami vezérli a projekt fordítását és a futtatáshoz szükséges beállításokat.
    Ez a könyvtárszerkezet a NetBeansben is megtekinthető a Files ablakban. Így néz ki egy NB projekt. 
  • A projekthez hozzáadtunk egy JFrame konténert, ami gyakorlatilag az alkalmazás ablakát jelenti. az NB létrehozta a GUI osztályát tartalmazó .java fájlt és azt megnyitotta szerkesztésre. Fontos dolog még hogy a GUI létrehozásakor meg kell adni egy package nevet is, ami a procedúra végén az alapértelmezett package lesz.
    A Project struktúrában ezek a Source Packages alatt jönnek létre és ott találhatók meg.
  • A GUI Builder felülete

    Tervező terület: itt tervezhetjük meg a GUI-t. Alapértelmezésben rákerül egy szürke négyzet, ami az ablakunkat reprezentálja. Ebbe tehetjük bele a vezérlőket. A Source és a Design gombokkal tudunk váltani az interaktív felületszerkesztő és a GUI-t tartalmazó forrásállomány között. Jobbra tőle a Palette található, ami a különféle vezérlőket és a GUI építésére használt elemeket tartalmazza. Innen húzhatjuk rá a formunkra a kívánt elemet. Az elemek tulajdonságait a Properties ablakban szerkeszthetjük, illetve itt tudjuk megadni az elemek eseménykezelőit (Events).
    Fontos még megemlíteni hogy van egy Inspector nevű ablak is (a képen nem látható....) ami a felhasznált (látható és nem látható) elemeket tartalmazza fastruktúrában.
  • A GUI Builder egy csomó kódolást elvégez helyettünk. Ha átváltunk Source nézetbe akkor láthatunk bekeretezett sorokat, előtte egy + jellel. A jelre kattintva kinyílik a doboz és láthatjuk a generált kódot. Ilyen pl a form megjelenítését végző main metódus. Gyakorlatilag kapunk egy futásra kész üres formot. Ezután nincs más dolgunk mind összedobálni az alkalmazást :)
Ezután a tutorial bemutatja a GUI builder lehetőségeit. Megtanulhatjuk a különféle komponensek egyenként illetve sorozatban egymás után történő kihelyezésétől és alapvető tulajdonságainak beállítását. Az eszköz óriási segítséget ad a GUI szép megtervezéséhez, különféle segédvonalakkal, mely az igazítást és a méretezést segíti. Ezen felül a különféle illesztési módszerek beállíthatók, valamint a méretezésekhez is nagy segítséget nyújt. A komponensek kijelölése a Windowsban szokásos CTRL + klikk illetve a SHIFT + klikk technikákkal történik. Az illesztési funkciók a komponensen nyomott jobb egérklikkre előbukkanó menüben érhetők el (Same size, Align, Auto resize stb). Alapjában véve aki már dolgozott valamilyen vizuális RAD eszközzel (Delphi, Visual Basic) annak ismerősek lesznek ezek a dolgok.
A különféle tervezést segítő vonalak, jelzések, igazítás, méretezéssel kapcsolatos dolgokat külön cikkben is összegyűjtve megtalálhatjuk: GUI Builder visual feedback legend

Nincsenek megjegyzések:

Megjegyzés küldése