VELEUČILIŠTE U VARAŽDINU ELEKTROTEHNIKA PROGRAMSKI ALATI 2. Stručni studij: Multimedija, oblikovanje i primjena

Size: px

Start display at page:

Download "VELEUČILIŠTE U VARAŽDINU ELEKTROTEHNIKA PROGRAMSKI ALATI 2. Stručni studij: Multimedija, oblikovanje i primjena"

Noreen Craig
5 years ago
Views:

1 ELEKTROTEHNIKA PROGRAMSKI ALATI 2 Stručni studij: Multimedija, oblikovanje i primjena Samostalna izrada korisničkog sučelja tablični prikaz podataka i pohrana u datoteke Upute za laboratorijske vježbe VARAŽDIN, 2009.

VJEŽBA 5: Samostalna izrada korisničkog sučelja tablični prikaz podataka i pohrana u datoteke NAPOMENA: Pravila za bodovanje (max. 5 bodova) su dostupna na Moodle stranicama kolegija.

2 VJEŽBA 5: Samostalna izrada korisničkog sučelja tablični prikaz podataka i pohrana u datoteke NAPOMENA: Pravila za bodovanje (max. 5 bodova) su dostupna na Moodle stranicama kolegija. Na ovoj laboratorijskoj vježbi studenti moraju samostalno izraditi jednostavan telefonski imenik. Ovisno o uspješnosti i realizaciji svih funkcija, asistent ocjenjuje studente adekvatnim brojem bodova. Zadatak je potrebno, kao i na ostalim vježbama u sklopu kolegija, izraditi u razvojnom okruženju NetBeans korištenjem Java programskog jezika i dostupnih SWING kontrola. Izrada korisničkog sučelja 1. Otvorite novi projekt 2. Dodajte novu datoteku koristite predložak JFrame form 3. U prozor dodan pod 2 ubacite elemente korisničkog sučelja kako je prikazano na slikama: Sučelje radnog prozora Novosti u odnosu na dosad obrañivane elemente sučelja: Tablica JTable kontrola Korištenjem UIManagera postavite WindowsXP look! Provjeravajte uspješnost funkcioniranja koda koji dodajete pokretanjem programa nakon svake veće modifikacije i dodavanja koda!!! VJEŽBA 5: Samostalna izrada korisničkog sučelja tablični prikaz podataka i pohrana u datoteke 2

stupaca kao na slici - na stranici Rows postavite broj redaka na 0 VJEŽBA 5:

3 Definiranje stupaca u tablici - označite JTable kontrolu i desnom tipkom otvorite padajući izbornik - birajte Table Contents na stranici Columns definirajte nazive stupaca kao na slici - na stranici Rows postavite broj redaka na 0 VJEŽBA 5: Samostalna izrada korisničkog sučelja tablični prikaz podataka i pohrana u datoteke 3

4 Zahtijevane funkcije Gumbi u desnom dijelu prozora moraju obavljati funkcije dodavanja redaka u tablicu, brisanja označenog retka, te učitavanja i snimanja podataka iz tablice. 1. Dodaj dodaje novi redak u tablicu 2. Obriši postavlja pitanje (JOptionPane Confirmation Dialog) da li se stvarno želi obrisati redak, te ovisno o odgovoru briše označeni redak 3. Učitaj otvara standardni dijalog za odreñivanje datoteke (JFileChooser) i učitava podatke u tablicu 4. Snimi otvara standardni dijalog za odreñivanje naziva datoteke (JFileChooser) i snima podatke iz tablice Dodatno, potrebno je popunjavati tekstualna polja u donjem dijelu prozora podacima iz označenog retka u tablici. Osnovne funkcije za rad s JTable kontrolom Standarno definirana JTable kontrola omogućava direktni unos i promjenu sadržaja ćelija. Meñutim, odreñene funkcije potrebne za izvedbu zadatka je nužno izvesti "ručno", tj. povezati sa adekvatnim gumbima u aplikaciji. Povežite dodavanje i brisanje retka sa gumbima! Dodavanje novog retka: DefaultTableModel model=(defaulttablemodel) jtable1.getmodel(); model.addrow(new Object[] "","","",""); Navedeni kod dodaje redak od četiri elementa (kao u našem primjeru). Brisanje označenog retka: DefaultTableModel model=(defaulttablemodel) jtable1.getmodel(); int rez=joptionpane.showconfirmdialog(this, "Jeste li sigurni?", "Brisanje retka",joptionpane.yes_no_option); if (rez==joptionpane.yes_option) if (jtable1.getselectedrowcount()>0) model.removerow(jtable1.getselectedrow()); Navedeni kod postavlja upit i ovisno o odgovoru briše označeni redak (ako je označen). Dohvat i postavljanje sadržaja pojedine ćelije: jtable1.getvalueat(jtable1.getselectedrow(),0) Dohvaća sadržaj prve ćelije (prvi stupac indeks 0) u označenom retku. Općenito, funkcija getvalueat prima dva indeksa broj retka i broj stupca (numeracija ide od 0!). Za postavljanje vrijednosti se koristi funkcija setvalueat prima tri parametra prvi je sadržaj polja, a drugi i treći indeksi kao i kod getvalueat. VJEŽBA 5: Samostalna izrada korisničkog sučelja tablični prikaz podataka i pohrana u datoteke 4

5 Rad s dijalozima za izbor datoteka U zadatku se traži implementacija mogućnosti izbora datoteke i učitavanja i snimanja u datoteku. Preduvjet uspješne implementacije je pozivanje metoda razreda JFileChooser. Dijalog za izbor datoteke za otvaranje (učitavanje) - showopendialog: private void UcitajDatoteku() JFileChooser izbor=new JFileChooser(); izbor.setdialogtitle("odredite datoteku"); int rez=izbor.showopendialog(this); if (rez==jfilechooser.approve_option) File dat=izbor.getselectedfile(); //... obrada... Dijalog za izbor datoteke za snimanje showsavedialog: private void SnimiDatoteku() JFileChooser izbor=new JFileChooser(); izbor.setdialogtitle("odredite datoteku"); int rez=izbor.showsavedialog(this); if (rez==jfilechooser.approve_option) File dat = izbor.getselectedfile(); //... obrada... Ključne funkcije vezane uz JFileChooser su setdialogtitle (postavlja naziv dijaloga), showopendialog i showsavedialog (otvaraju dijaloge) i getselectedfile (dohvaća podatak o izabranoj datoteci). Navedeni kodovi su uključeni u nove funkcije UcitajDatoteku i SnimiDatoteku te funkcije je potrebno pozivati sa mjesta u programu gdje je to potrebno. Ugradite navedeni kod u program povežite sa gumbima za učitavanje i snimanje same funkcije učitavanja i snimanja ugradit ćete naknadno! Povezivanje kontrola s dogañajima u tablici Za "osluškivanje" promjena u JTable kontroli koriste se tzv. listeneri. Da bi to funkcioniralo, potrebno je u kodu definirati funkcije koje se aktiviraju nakon promjene retka. U našem slučaju, želimo u dostupna polja u donjem dijelu prozora prikazati podatke iz aktualnog retka našeg telefonskog imenika. Za samo popunjavanje definiramo funkciju PopuniPolja: public void PopuniPolja() if (jtable1.getselectedrowcount()>0) jtextfield1.settext((string) jtable1.getvalueat(jtable1.getselectedrow(),0)); jtextfield2.settext((string) jtable1.getvalueat(jtable1.getselectedrow(),1)); jtextfield3.settext((string) jtable1.getvalueat(jtable1.getselectedrow(),2)); jtextfield4.settext((string) jtable1.getvalueat(jtable1.getselectedrow(),3)); VJEŽBA 5: Samostalna izrada korisničkog sučelja tablični prikaz podataka i pohrana u datoteke 5

6 Za povezivanje sa dogañajem promjene pozicije u tablici, potrebno je dodati listener u konstruktorskoj funkciji kao što prikazuje slika: Provjerite funkcioniranje programa da li se polja popunjavaju vrijednostima iz tablice?! Rad s datotekama Programski jezika Java omogućava korištenje tokova podataka za spremanje različitih oblika informacija. Ugrañene kontrole već sadrže implementacije mnogih korisnih funkcija. U našem slučaju koristimo getdatavector funkciju na TableModel objektom (objekt unutar JTable kontrole koji se koristi za manipulaciju podacima) kako bi dohvatili sve podatke u tablici (konkretno, imamo li tablicu koja sadrži 10 redaka s podacima, ta funkcija će vratiti popis svih 10 redaka sa svim definiranim vrijednostima (stupcima)). To je upravo ono što nam treba te podatke snimimo u datoteku i kasnije obradimo kod učitavanja! NAPOMENA: iako su podaci čitljivi u tekst editoru, ne radi se o čistom tekstu, već prilagoñenom obliku zapisa (takozvana serijalizacija objekata). Prije navedenu funkciju SnimiDatoteku nadopunjavamo kodom za snimanje u datoteku! private void SnimiDatoteku() JFileChooser izbor=new JFileChooser(); izbor.setdialogtitle("odredite datoteku"); int rez=izbor.showsavedialog(this); if (rez==jfilechooser.approve_option) File dat = izbor.getselectedfile(); DefaultTableModel model=(defaulttablemodel) jtable1.getmodel(); FileOutputStream fos = null; ObjectOutputStream pom = null; try fos=new FileOutputStream(dat); pom=new ObjectOutputStream(fos); pom.writeobject(model.getdatavector()); pom.close(); fos.close(); catch (IOException e) System.out.println("Greska kod snimanja!"); Ključne funkcije za snimanje su writeobject nad ObjectOutputStream objektom, te prije spomenuta funkcija getdatavector nad TableModel objektom (podaci u tablici). VJEŽBA 5: Samostalna izrada korisničkog sučelja tablični prikaz podataka i pohrana u datoteke 6

7 Kod učitavanja podataka, dohvaćamo snimljeni popis vektora iz datoteke, a zatim moramo obaviti dodatnu obradu kako bi popunili tablicu. Funkciju UcitajDatoteku nadopunjavamo kako slijedi: private void UcitajDatoteku() JFileChooser izbor=new JFileChooser(); izbor.setdialogtitle("odredite datoteku"); int rez=izbor.showopendialog(this); if (rez==jfilechooser.approve_option) File dat=izbor.getselectedfile(); DefaultTableModel temp=(defaulttablemodel) jtable1.getmodel(); FileInputStream fis=null; ObjectInputStream pom=null; try fis=new FileInputStream(dat); pom=new ObjectInputStream(fis); Object obj=pom.readobject(); Vector v=(vector)obj; temp.setnumrows(0); for (int i=0;i<v.size();i++) temp.addrow((vector)v.elementat(i)); pom.close(); fis.close(); catch(exception e) System.out.println("Greska pri ucitavanju!"); Popunjavanje tablice podacima iz datoteke odvija se u posebno označenom dijelu koda. Prvo se brišu svi reci tablice (broj redaka postavlja se na nulu), a zatim pojedinačno dodaje svaki od redaka pohranjenih u "polju" vektora (vektor koji sadrži vektore podaci koje kod snimanja generira getdatavector funkcija). VJEŽBA 5: Samostalna izrada korisničkog sučelja tablični prikaz podataka i pohrana u datoteke 7

8 Dodatne funkcionalnosti Kao što je već navedeno potrebno je implementirati funkcije vezane uz sve gumbe u prozoru, te listener koji omogućava popunjavanje tekstualnih polja kad se dogodi promjena retka u tablici. Dodatno, potrebno je kontrolirati izlazak iz programa, kao u prošloj vježbi, što je opisan u nastavku. Izlazak iz programa U kod glavnog prozora dodajte funkciju ZatvoriAplikaciju. private void ZatvoriAplikaciju() int rez=joptionpane.showconfirmdialog(this, "Jeste li sigurni?", "Izlazak iz programa",joptionpane.yes_no_option); if (rez==joptionpane.yes_option) System.exit(0); Ovom funkcijom se u slučaju izbora Yes završava izvoñenje programa. Povežite funkciju sa zatvaranjem prozora korištenjem ikone X. Potrebno je označiti JFrame i odabrati Events Window windowclosing. To je dogañaj koji se aktivira klikom na X. Kao i na prošloj vježbu dovoljno je pozvati funkciju ZatvoriAplikaciju. Java SWING inicijalno postavlja JFrame tako da se sa X uvijek zatvori. Da bi se to izbjeglo odaberite JFrame, te desnom tipkom miša aktivirajte Properties. Promijenite defaultcloseaction na DO_NOTHING umjesto inicijalnog EXIT_ON_CLOSE. Bodovanje Bodovi se dodjeljuju prema sljedećem pravilu: 1 bod za uspješno definiranje korisničkog sučelja 1 bod za uspješnu implementaciju dodavanja novog retka i brisanja retka u tablici te implementaciju listenera i popunjavanje tekstualnih polja podacima iz aktualnog retka tablice 1 bod za uspješnu implementaciju prikaza dijaloga za odreñivanje datoteka, te kontrolu izlaska iz programa 1 bod za uspješno snimanje i učitavanje podataka iz tablice u/iz datoteke 1 bod za samostalnu implementaciju promjene podataka u tablici preko tekstualnih polja dodajte gumb Promijeni, omogućite promjenu podataka u aktualnom retku, ali i mogućnost promjene pojedinačnog polja (dakle, ne svi podaci u retku već samo željeni) VJEŽBA 5: Samostalna izrada korisničkog sučelja tablični prikaz podataka i pohrana u datoteke 8

Informatika Uvod u C#,.NET Framework i Visual Studio... nastavak...

Informatika Uvod u C#,.NET Framework i Visual Studio... nastavak... Prof. dr. sc. Tomislav Pribanić Izv. prof. dr. sc. Vedran Podobnik Doc. dr. sc. Marija Seder Sveučilište u Zagrebu Fakultet elektrotehnike