Uvod u JAVA GUI programiranje: Konvertor Celzius-Kelvin

Teme vezane za programski jezik Java, razvoj modernih aplikacija.
1 post • Stranica: 1/1.

Uvod u JAVA GUI programiranje: Konvertor Celzius-Kelvin

PostPostao/la Armin » 27 vel 2012, 00:47

Ovo je prvi u nizu tutoriala koji planiram napraviti za Javu. Prije nego što počnete praviti ovaj projekat potrebno je da imate sljedeće:

    - Java SDK
    - NetBeans, Eclipse ili neki drugi IDE koji podržava Java jezik
    - Osnovno poznavanje sintakse Jave

U cilju lakšeg razumijevanja u ovom tutorialu ću koristiti NetBeans IDE.

1. Kreirajte novi projekat, Java > Java Application. Naziv mog projekta će biti Projekat. Klikom na Finish netbeans će kreirati sve potrebne fajlove. U Vašem IDE otvoriti će se fajl <naziv projekta>.java. Obrišite default kod koji je IDE napravio (ako je napravio).

2. Sada biste na lijevoj strani Vašeg IDE trebali vidjeti sljedeće:

slika

Kliknite desnim na projekat i onda odaberite New JFrame form kao na slici

slika

Dat ćemo ime novoj klasi CelziusKonvertor i u ovom slučaju (ne neophodno) ćemo staviti novu klasu u paket projekat koji je IDE kreirao.

Sada već vidimo polje desno i ostaje da to sredimo.

3. Kreiranje izgleda konvertora.

Iako trenutno vidite mnogo toga što vam je možda konfuzno, ne brinite, naučit ćete usput. Idemo korak po korak kreirati naš konvertor. Kao prvo sredit ćemo naslov. U donjem lijevom uglu vidjet ćete tab pod nazivom [JFrame] - Navigator. Kliknite jednom na polje [JFrame] unutar tog bloka. Na desnoj strani sada vidite svojstva tog Frame-a gdje ćemo podesiti ono što nam treba. Neka nam polje title bude popunjeno kao na slici:

slika

Sada ćemo koristeći paletu iznad kreirati osnovna polja. Napravite TextField , 2 Label i button, kao na sljedećoj slici:

slika

Sada podesite te objekte, tekst polje ispraznite, a labele i dugme preimenujte kao na slici:

slika

Ukoliko ne znate kako preimenovati, desno u bloku Properties imate polje text koje trebate izmijeniti. Sada još malo podesite dimenzije tako da sve lijepo izgleda.

slika

Time smo dovršili GUI dio. Sada ostaje da programiramo samu logiku programa.

4. Kod

U našem navigatoru/inspektoru imamo sada sljedeća polja koja bi bilo poželjno preimenovat:

slika

slika

Sada kliknite desnim na dugme, pa Events->Actions->actionPerformed

Otvorit će vam se dio koda sa kursorom postavljenim gdje trebate kucat i pišemo sljedeće:

slika

5. Snimiti, i pokrenuti aplikaciju preko Run -> Run Main Project nakon čega dobijamo ovo:

slika

Gotovo :)
"Ne žalim što su drugi pokrali moje ideje. Žalim što nemaju svoje"
Nikola Tesla

1 post • Stranica: 1/1.

Na mreži

Trenutno korisnika/ca: / i 1 gost.