Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 1

Hasonló dokumentumok
JAVA PROGRAMOZÁS 5.ELŐADÁS

JAVA PROGRAMOZÁS 4.ELŐADÁS

Grafikus felhasználói felületek. Abstract Window Toolkit, a java.awt és java.awt.event csomagok

VI. Grafikus Java alkalmazások

Programozási technológia

Grafikus felhasználói felületek. Dr. Szendrei Rudolf Informatikai Kar Eötvös Loránd Tudományegyetem. Programozási technológia I. Dr.

Két csomag elemeiből lehet a felületet elkészíteni: awt: heavy weight komponensek; swing: light weight komponensek (időben később).

Java programozási nyelv 8. rész Grafikus felhasználói felület

Szoftvertechnológia alapjai Java előadások

Swing. (A javax.swing csomag)

Eseménykezelés Java környezetben, AWT alapok

Java Programozás 3. Gy: Java GUI. Swing, AWT

Java felhasználói felület

Programozási technológia

Java felhasználói felület

Java felhasználói felület

abkezel.java import java.awt.*; import java.awt.event.*; import javax.swing.*; import java.sql.*; public class abkezel extends JFrame {

Java Programozás 11. Ea: MVC modell

- Alkalmazásfejlesztési szemlélet megismerése - Java GUI készítés bemutatása Swing-ben - Órai feladat megoldása

Swing GUI készítése NetBeans IDE segítségével

Java Programozás 5. Gy: Java alapok. Adatkezelő 1.rész

Java Programozás 8. Ea: GUI. Graphical User Interface

I. Szakmai törzsanyag

JAVA PROGRAMOZÁS 6.ELŐADÁS

Adatbázis alapú rendszerek gyakorlat Adatbázis alapú alkalmazásfejlesztés Java, C# környezetben

Dr. Iszály György Barna

Grafikus felhasználói felületek, eseménykezelés

Java felhasználói felület

ZH mintapélda. Feladat. Felület

Programozás III GRAFIKA RAJZOLÁS SWING FELÜLETEN RAJZOLÁS GRAFIKA HASZNÁLATA. Rajzolni az awt csomag Graphics osztályának metódusaival tudunk.

Java Programozás 8. Gy: Java alapok. Adatkezelő 4.rész

Java tutorial Grafikus felhaszna loi feluletek

A Java nyelv. Dialógus ablakok. Elek Tibor

Programozás BMEKOKAA146. Dr. Bécsi Tamás 8. előadás

Grafikus felületek a programozó szempontjából grafikus elemek absztrakt reprezentációja az egyes elemek tulajdonságait leíró adatstruktúrák.

Java Programozás 4. Gy: Java GUI. Tipper, MVC kalkulátor

OOP: Java 8.Gy: Abstract osztályok, interfészek

BME MOGI Gépészeti informatika 14.

Java és web programozás

Szakdolgozat. Készítette: Tuska Gábor

Java Programozás 7. Gy: Java alapok. Adatkezelő 3.rész

Java programozási nyelv 5. rész Osztályok III.

Számítástechnika II. BMEKOKAA Előadás. Dr. Bécsi Tamás

Java VI. Egy kis kitérő: az UML. Osztály diagram. Általános Informatikai Tanszék Utolsó módosítás:

Objektumok és osztályok. Az objektumorientált programozás alapjai. Rajzolás tollal, festés ecsettel. A koordinátarendszer

Java programozási nyelv 7. rész Java osztálykönyvtár 1.

A feladatok megoldásához felhasználandó osztályok leírásait az alábbi URL-en találja meg:

C# osztályok. Krizsán Zoltán

Java Programozás 6. Gy: Java alapok. Adatkezelő 2.rész

Java programozási nyelv 6. rész Java a gyakorlatban

Objektumorientált szoftvertervezés

Objektumorientált szoftvertervezés

és az instanceof operátor

Informatika a felsőoktatásban 2008 Debrecen, augusztus A JAVA NYELV KIVÉTEL- ÉS ESEMÉNYKEZELÉSÉNEK BEMUTATÁSA AZ OKTATÁSBAN

Java VIII. Az interfacei. és az instanceof operátor. Az interfészről általában. Interfészek JAVA-ban. Krizsán Zoltán

Programozás BMEKOKAA146. Dr. Bécsi Tamás 10. Előadás

Java programozási nyelv 4. rész Osztályok II.

Vizuális, eseményvezérelt programozás I.

OOP: Java 8.Gy: Gyakorlás

OOP: Java 11.Gy: Enumok, beágyazott osztályok. 13/1 B ITv: MAN

Alkalmazásfejlesztési technológia. Vizsgakövetelmények. 1. Megjelenítési technikák. Magasabb szintű komponensek. Feladat - RendererTeszt

Grafikus felületek készítése 1.

Széchenyi István Egyetem. Programozás III. Varjasi Norbert

Concurrency in Swing

Szakdolgozat. Mikó Sándor

Számítástechnika II. BMEKOKAA Előadás. Dr. Bécsi Tamás

ESEMÉNY VEZÉRELT ALKALMAZÁSOK FEJLESZTÉSE I. Bevezetés. Készítette: Gregorics Tibor

Objektum Orientált Programozás. 11. Kivételkezelés 44/1B IT MAN

A gyakorlat során az alábbi ábrán látható négy entitáshoz kapcsolódó adatbevitelt fogjuk megoldani.

BME MOGI Gépészeti informatika 8.

Programozási nyelvek Java

Programozási technológia I. programból! A Gomb4 megoldásból induljunk ki!

Java VII. Polimorfizmus a Java nyelvben

Java VI. Miskolci Egyetem Általános Informatikai Tanszék. Utolsó módosítás: Ficsor Lajos. Java VI.: Öröklődés JAVA6 / 1

Objektumorientált programozás C# nyelven

JAVA PROGRAMOZÁS 3.ELŐADÁS

ArcGIS 8.3 segédlet 5. Dr. Iványi Péter

Java Programozás 9. Gy: Java alapok. Adatkezelő 5.rész

Programozási nyelvek II.: JAVA, 11. gyakorlat

Java VII. Polimorfizmus a Java nyelvben

Számítástechnika II. BMEKOKAA Előadás. Dr. Bécsi Tamás

Johanyák Zsolt Csaba: Ugráló gomb oktatási segédlet Copyright 2008 Johanyák Zsolt Csaba

Osztályok. construct () destruct() $b=new Book(); $b=null; unset ($b); book.php: <?php class Book { private $isbn; public $title;

Abstract osztályok és interface-ek. 7-dik gyakorlat

Példaprogram - 2. Objektum-orientált programozás Java és C++ nyelven. Példaprogram. Azonosítók. Dr. Rohonczy János. Azonosítók

JAVA PROGRAMOZÁS 2.ELŐADÁS

Helyes-e az alábbi kódrészlet? int i = 1; i = i * 3 + 1; int j; j = i + 1; Nem. Igen. Hányféleképpen lehet Javaban megjegyzést írni?

Bevezetés a Programozásba II 8. előadás. Polimorfizmus Giachetta Roberto

Java és web programozás

JAVA SE/ME tanfolyam tematika

Már megismert fogalmak áttekintése

Bevezetés a Programozásba II 5. előadás. Objektumorientált programozás és tervezés

VII. Appletek, grafika

Java Programozás 2. Gy: EmpProgram. Grafikus felületű adatkezelő program

Programozási nyelvek Java

Programozási nyelvek II.: JAVA

Java bevezet o Kab odi L aszl o Kab odi L aszl o Java bevezet o

OOP #14 (referencia-elv)

Multimédia 2017/2018 II.

Programozási alapismeretek 4.

Átírás:

5. A felhasználói interfész felépítése 6. Elrendezésmenedzserek 7. Eseményvezérelt programozás 8. Swing-komponensek 9. Grafika, képek 10. Alacsony szintű események 11. Belső eseménykezelés, komponensgyártás 12. Applet Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 1

5. A felhasználói interfész felépítése 1. Komponensek és azok tulajdonosi hierarchiája 2. AWT és Swing osztályhierarchia 3. Swing mintaprogram 8. Az absztrakt JComponent 4 Jellemzők osztály 5. Pont, méret, téglalap 9. Container osztály 6. Koordinátarendszer 10. java.awt.window osztály 7. Szín, betű 11. JFrame osztály Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 2

Komponensek tulajdonosi hierarchiája :JFrame :JMenuBar :JWindow contentpane :JPanel :JDialog contentpane :JPanel Konténer komponens :JLabel :JTextField :JButton :JButton :JLabel :JButton :JTextField :JTextArea :JComboBox :JList :JCheckBox :JScrollbar :JRadioButton :JRadioButton Vezérlő komponens :ButtonGroup Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 3

Tulajdonosi viszony Konténer és komponense: A konténer komponensei fizikailag sosem kerülhetnek a konténeren kívülre Ablak és ablaka: A gyerek ablakok elhelyezkedése és mérete független a szülő ablaktól Tulajdonosi hierarchia Felépítése a programozó feladata! Az a komponens, amely nincs rajta a tulajdonosi hierarchián, nem látható és nem képes eseményekre reagálni! Szülő megszűnése gyerek megszűnése Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 4

java.lang.object +--FlowLayout +--GridLayout +--BorderLayout +--java.util.eventobject +--AWTEvent +... +--Point +--Dimension +--Rectangle +--Polygon +--Font +--Color +--Graphics +--Image +--Component +--Label +--Button +--... +--Container +--Panel +--Applet java.awt +--javax.swing.japplet +--java.awt.window +-- javax.swing.jwindow +--java.awt.frame +-- javax.swing.jframe +-- java.awt.dialog +--javax.swing.jdialog java.lang.object +--Component AWT és Swing +--Container +--JComponent +--JLabel javax.swing +--AbstractButton +--JButton +--JToggleButton +--JCheckBox +--JRadioButton +--JMenuItem +--JCheckBoxMenuItem +--JRadioButtonMenuItem +--JMenu +--JMenuBar +--JComboBox +--JTextComponent +--JTextField +--JTextArea +--JList +--JScrollBar +--JScrollPane +--JPanel +--JColorChooser +--JOptionPane +--ButtonGroup +--ImageIcon +--Timer Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 5

java.lang.object +--FlowLayout +--GridLayout +--BorderLayout +--java.util.eventobject +--AWTEvent +... +--Point +--Dimension +--Rectangle +--Polygon +--Font +--Color +--Graphics +--Image java.lang.object +--Component +--Label java.awt +--Button +--... +--Container +--Panel +--Applet +--Window +--Frame +--Dialog Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 6

Object +--Component +--Container +--Panel +--Applet +--JApplet +--Window +--JWindow +--Frame +--JFrame +--Dialog +--JDialog +--JComponent +... +--ButtonGroup +--ImageIcon +--Timer JComponent +--JLabel javax.swing +--AbstractButton +--JButton +--JToggleButton +--JCheckBox +--JRadioButton +--JMenuItem +--JCheckBoxMenuItem +--JRadioButtonMenuItem +--JMenu +--JMenuBar +--JComboBox +--JTextComponent +--JTextField +--JTextArea +--JList +--JScrollBar +--JScrollPane +--JPanel +--JColorChooser +--JOptionPane Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 7

Swing mintaprogram Feladat Frame teszt Készítsük el az itt látható keretet! A keret bal felső sarka a képernyő (100,50) pozícióján legyen, mérete 300*100, címe: Frame teszt. A kereten legyen egy címke a Döntsd el: szöveggel, továbbá legyen két nyomógomb, OK és Nem OK felirattal! A programnak egyelőre nem kell reagálnia semmilyen eseményre. fr lbinfo btok btnemok Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 8

1. megoldás Keret összerakása kívülről main FrameTest1 JFrame() settitle("frame teszt") setbounds(100,50,300,100) setdefaultcloseoperation(jframe.exit_on_close) cp = getcontentpane() setvisible(true) fr:jframe Együttműködési diagram setlayout(new FlowLayout()) add(lbinfo) add(btok) add(btnemok) cp:jpanel :FlowLayout lbinfo:jlabel btok:jbutton btnemok:jbutton Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 9

import java.awt.*; import javax.swing.*; public class FrameTest1 { public static void main (String args[]) { JFrame fr; JLabel lbinfo; JButton btok, btnemok; fr = new JFrame(); fr.settitle("frame teszt"); fr.setbounds(100,50,300,100); fr.setdefaultcloseoperation(jframe.exit_on_close); Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 10

Container cp = fr.getcontentpane(); cp.setlayout(new FlowLayout()); lbinfo = new JLabel("Döntsd el:"); btok = new JButton("OK"); btnemok = new JButton("Nem OK"); cp.add(lbinfo); cp.add(btok); cp.add(btnemok); fr.setvisible(true); } // main } // FrameTest1 Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 11

2. megoldás Keret összerakása belülről main FrameTest2 SpecFrame() :SpecFrame settitle("frame teszt") setbounds(100,50,300,100) cp = getcontentpane() setvisible(true), setd.closeop.(...) Együttműködési diagram setlayout(new FlowLayout()) add(lbinfo) add(btok) cp:jpanel add(btnemok) :FlowLayout lbinfo:jlabel btok:jbutton btnemok:jbutton Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 12

import java.awt.*; import javax.swing.*; class SpecFrame extends JFrame { JLabel lbinfo; JButton btok, btnemok; public SpecFrame() { settitle("frame teszt"); setbounds(100,50,300,100); setdefaultcloseoperation(jframe.exit_on_close); Container cp = getcontentpane(); cp.setlayout(new FlowLayout()); lbinfo = new JLabel("Döntsd el:"); btok = new JButton("OK"); btnemok = new JButton("Nem OK"); Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 13

cp.add(lbinfo); cp.add(btok); cp.add(btnemok); setvisible(true); } // konstruktor } // SpecFrame public class FrameTest2 { public static void main (String args[]) { new SpecFrame(); } // main } // FrameTest2 Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 14

3. megoldás A konténer komponenseit nem deklaráljuk, pakolunk class SpecFrame extends JFrame { public SpecFrame() { cp.add(new JLabel("Döntsd el:")); cp.add(new JButton("OK")); cp.add(new JButton("Nem OK")); pack(); show(); } // konstruktor } // SpecFrame Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 15

Jellemzők Property: Beállítható és lekérdezhető tulajdonság Deklaráció: PropType propname; Példák: beállító metódus (set): void setpropname(proptype propname) lekérdező metódus (get / is): PropType getpropname() boolean ispropname() Jellemző Beállító metódus Lekérdező metódus int columns void setcolumns(int columns) int getcolumns() boolean visible void setvisible(boolean visible) boolean isvisible() Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 16

Pont, méret, téglalap Osztályok a látható komponensek paraméterezéséhez Point osztály: megjegyzi egy pont x és y koordinátáit Dimension osztály: megjegyzi egy téglalap méretét (szélességét és magasságát) Rectangle osztály: megjegyzi egy téglalap helyzetét (location): bal felső sarkának x és y koordinátáit, és méretét (dimension): szélességét (width) és magasságát (height) Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 17

Feladat Pontok és téglalapok Adva van két téglalap: az egyik téglalap bal felső sarka a (100,100) pont, mérete 50*30; a másik téglalap bal felső sarka a (120,80) pont, mérete 20*60. Határozzuk meg a téglalapok közös részét! Vizsgáljuk meg, hogy a (130,110) pont benne van-e a közös részben! Határozzuk meg azt a legkisebb téglalapot, amely tartalmazza a téglalapokat és egy megadott pontsorozat összes pontját! Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 18

import java.awt.*; public class PontTegla { public static void main (String args[]) { Rectangle r1 = new Rectangle(100,100,50,30); Rectangle r2 = new Rectangle(); r2.setlocation(120,80); r2.setsize(20,60); p r2 nagy Rectangle kozos = r1.intersection(r2); System.out.println("Közös: "+kozos); Point p = new Point(130,110); r1 kozos Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 19

} } if (kozos.contains(p)) else System.out.println(p+" benne van"); System.out.println(p+" nincs benne"); Point[] pontok = {new Point(50,80),new Point(15,70), new Point(30,95),new Point(120,200)}; Rectangle nagy = r1.union(r2); for (int i=0; i<pontok.length; i++) nagy.add(pontok[i]); System.out.println("Nagy: "+nagy); System.out.println("Nagy mérete: "+nagy.getsize()); Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 20

Koordinátarendszer (0,0) x screensize.width=1024 y screensize.height=768 A képernyő bal alsó sarka: (1023,767) Dimension screensize=toolkit.getdefaulttoolkit().getscreensize(); Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 21

Betű, szín Font osztály Adott tulajdonságú fontot (betűfajtát) tárol Tulajdonságok String fontname (név, pl.: Arial, Monospaced) int style (stílus, pl.: PLAIN, BOLD, ITALIC) int size (betűméret pontokban) Példánya változtathatatlan Minden komponensnek van fontja Logikai fontnevek: SansSerif, Serif, Monospaced, Dialog, DialogInput Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 22

Color osztály RGB színt tárol Minden szín a 3 alapszín (piros,zöld,kék) keveréke Tulajdonságok int red (piros összetevő, 0..255) int green (zöld összetevő, 0..255) int blue (kék összetevő, 0..255) Példánya változtathatatlan Minden komponensnek van egy háttérszíne és egy előtérszíne (betűszíne) Konstans szín objektumokat definiál: Color.black, Color.blue, Color.white,... Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 23

SystemColor osztály Rendszer által használt színeket definiál: SystemColor.info, SystemColor.infoText, SystemColor.desktop,... Színek, betűk használata lb = new JLabel("Szöveg:"); lb.setfont(new Font( Arial",Font.BOLD,24)); lb.setbackground(systemcolor.control); lb.setforeground(color.red); Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 24

Az absztrakt JComponent osztály Absztrakt osztály A képernyőn megjelenő Swing komponensek közös őse Mezők static final float CENTER_ALIGNMENT,... Jellemzők Color background Color foreground boolean opaque Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 25

Jellemzők (folyt.) Font font Cursor cursor Border border Dimension maximumsize Dimension minimumsize Dimension preferredsize float alignmentx float alignmenty String tooltiptext boolean visible boolean enabled boolean requestfocusenabled Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 26

Helyzet, méret int getx() int gety() int getwidth() int getheight() Rectangle getbounds() Point getlocation() Point getlocationonscreen() void setbounds(int x, int y, int width, int height) void setlocation(int x, int y) void setsize(int width, int height) boolean contains(int x, int y) boolean contains(point p) Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 27

Láthatóság, érvényesség boolean isdisplayable() void validate() Fókusz, eseményfogadás boolean hasfocus() void requestfocus() void transferfocus() Szülő, állapot Container getparent() String tostring() void list() Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 28

java.awt.container osztály Konténer-komponensek közös őse Jellemzők LayoutManager layoutmgr Komponens hozzáadása, kivétele Component add(component comp) Component add(component comp, int index) void remove(component comp) void remove(int index) void removeall() Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 29

Gyerekkomponensek int getcomponentcount() Component[] getcomponents() Component getcomponent(int n) Component getcomponentat(int x, int y) Component getcomponentat(point p) boolean isancestorof(component comp) Elrendezés Dimension getmaximumsize() Dimension getminimumsize() Dimension getpreferredsize() Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 30

java.awt.window osztály Összes AWT és Swing ablak komponens közös őse Utódai: Frame, JFrame, Dialog, JDialog, JWindow Metódusok void pack() void show() boolean isshowing() void hide() void setlocationrelativeto(component c) void toback() void tofront() void dispose() Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 31

Metódusok (folyt.) void addwindowlistener(windowlistener l) void removewindowlistener(windowlistener l) Component getfocusowner() Window getowner() Window[] getownedwindows() Aktív ablak Az operációs rendszerben pontosan egy alkalmazás aktív, egy alkalmazásban pedig pontosan egy ablak aktív. Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 32

JFrame osztály Közvetlen ős: java.awt.frame A Swing egyetlen natív komponense Keret: legfelső szintű ablak, nincs tulajdonosa Van szegélye, ikonja, címe és menüsora Komponenseit a tartalompanelbe (content pane) kell tenni Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 33

Jellemzők String title Image iconimage MenuBar menubar boolean resizable int state Metódusok Container getcontentpane() setdefaultcloseoperation(int operation) static Frame[] getframes() Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 34

6. Elrendezésmenedzserek 1. Az elrendezésmenedzserek tulajdonságai 2. FlowLayout sorfolytonos elrendezés 3. GridLayout rácsos elrendezés 4. BorderLayout határ menti elrendezés 5. JPanel, az összefogó konténer Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 35

Elrendezésmenedzserek konténer komponens1 konténer :Container layoutmanager :LayoutManager komponens2 komponens3 komponens1 komponens2 komponens3 Minden konténernek van elrendezésmenedzsere Az ablak pack utasítására automatikusan elrendezi a konténer komponenseit, azok helyzetét és méretét Előredefiniált elrendezésmenedzserek: FlowLayout, GridLayout, BorderLayout, CardLayout, GridBagLayout Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 36

LayoutManager interfész Minden elrendezésmenedzsernek implementálnia kell a LayoutManager interfészt. Container osztály idetartozó metódusai Component add(component comp) Component add(component comp, int index) void add(component comp, Object constraints) void add(component comp, Object constraints, int index) LayoutManager getlayout() void setlayout(layoutmanager mgr) void validate() Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 37

FlowLayout sorfolytonos elrendezés Sorfolytonos elhelyezés balról jobbra Elemek mérete: előnyös méret (preferredsize) alapján, az ablak átméretezésekor nem változik Sorok igazítása(align): balra, jobbra, középre Komponensek közötti konstans távolság vízszintesen(hgap) és függőlegesen(vgap) JPanel és Applet alapértelmezett elrendezésmenedzsere Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 38

Feladat FlowLayoutTest Tegyünk az alkalmazás 700*100-as méretű keretébe 10 szövegmező (JTextField) és nyomógomb (JButton) párost, a sorokat középre igazítva! A szövegmezők 5 oszlopnyi helyet foglaljanak; a gombokon a Gomb felirat és a gomb sorszáma szerepeljen! A futó programban interaktív módon méretezzük át a keretet, és közben figyeljük meg, hogyan változik az elemek elrendezése! vgap=5 hgap=5 Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 39

public class FlowLayoutTest extends JFrame { private Container cp = getcontentpane(); } public FlowLayoutTest() { setdefaultcloseoperation(exit_on_close); settitle("flowlayout"); LayoutManager lm = new FlowLayout(); cp.setlayout(lm); for (int i=1; i<=10; i++) { cp.add(new JTextField(5)); cp.add(new JButton("Gomb "+i)); } setsize(700,150); show(); }... Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 40

GridLayout rácsos elrendezés Megadott sor és oszlopszámú rácson való elhelyezés Rács cellái: egyenlő méretű téglalapok, minden komponens egy téglalapot foglal el (nincs lyuk!) Elemek mérete: cellaméret, az ablak átméretezésekor változik Komponensek közötti konstans távolság vízszintesen(hgap) és függőlegesen(vgap) Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 41

Feladat GridLayoutTest Tegyünk az alkalmazás keretére képzeletben egy 6*2-es rácsot, és tegyünk az első 10 rácshelyre egy-egy sorszámozott nyomógombot! A komponensek közötti vízszintes távolság legyen 20 pont, a függőleges távolság pedig legyen 10 pont! A futó programban interaktív módon méretezzük át a keretet! vgap=10 hgap=20 Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 42

public class GridLayoutTest extends JFrame { } public GridLayoutTest() { setdefaultcloseoperation(exit_on_close); settitle("gridlayout"); getcontentpane().setlayout(new GridLayout(6,2,20,10)); for (int i=1; i<=10; i++) { getcontentpane().add(new JButton("Gomb "+i)); } pack(); show(); } public static void main (String args[]) { } new GridLayoutTest(); Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 43

BorderLayout határ menti elrendezés 4+1 égtájon való elhelyezés: North (Észak), South (Dél), West (Nyugat), East (Kelet), Center (Közép) Azonos égtájon levő elemek takarják egymást Elemek mérete az ablak átméretezésekor változik Komponensek közötti konstans távolság vízszintesen(hgap) és függőlegesen(vgap) Window és leszármazottainak (JFrame, JDialog), JFrame tartalompaneljének elrendezésmenedzsere Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 44

Feladat BorderLayoutTest Tegyünk a 400*200-as méretű keretbe 5 darab nyomógombot a képen látható módon! A vízszintes köz 2, függőleges köz 1 legyen! A futó programban interaktív módon méretezzük át a keretet! Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 45

class BorderLayoutTest extends JFrame { Container cp = getcontentpane(); } public BorderLayoutTest() { setdefaultcloseoperation(exit_on_close); settitle("borderlayout"); cp.setlayout(new BorderLayout(2,1)); cp.add(new JButton("North - Észak - Felső"),"North"); cp.add(new JButton("South - Dél"),"South"); cp.add(new JButton("West - Nyugat - Bal"),"West"); cp.add(new JButton("East - Kelet - Jobb"),"East"); cp.add(new JButton("Center - Középső"),"Center"); setsize(400,200); show(); } Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 46

JPanel, az összefogó konténer Konténer, mely összefogja a benne levő elemeket Láthatatlan, vagy látható (szín, keret) Alapértelmezésben dupla pufferelésű Saját elrendezésmenedzsere van, alapértelmezésben FlowLayout Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 47

Feladat Személy bevitel Készítsük el az ábrán látható keretet! A Név beviteli mező 20 oszlopos, a Születési év mező 6 oszlopos legyen! A két címkézett beviteli mező, és a gombok egy-egy sort alkossanak; a sorok egymás alatt jelenjenek meg! pnnev szemelypanel (kitölti a keretet) pnszulev pngomb Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 48

Tulajdonosi hierarchia :SzemelyBevitel contentpane:jpanel :SzemelyPanel :GridLayout pnnev: JPanel pnszulev: JPanel pngomb: JPanel :FlowLayout :FlowLayout :FlowLayout :JLabel tfnev :JTextField :JLabel tfszulev :JTextField btok :JButton btcancel :JButton Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 49

7. Eseményvezérelt programozás 1. Mintaprogram 2. Eseményosztályok 3. Alacsony és magas szintű események 4. Eseménydelegációs modell 5. A felhasználói felület tervezése 6. Eseményadapterek Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 50

Mintaprogram Feladat Pittyegő keret Tegyünk a keretbe egy Pittyeg feliratú gombot. Ha lenyomják a gombot, akkor a számítógép pittyegjen egyet! :PittyegoKeret az esemény figyelője (ActionListener) btpittyeg:jbutton az esemény forrása (ActionEvent) Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 51

Együttműködési diagram addactionlistener(this) ev:actionevent PittyegoKeret:ActionListener Figyelőobjektum (keret) Osztálydiagram «interfész» ActionListener actionperformed(ev) JFrame btpittyeg:jbutton Forrásobjektum (gomb) +actionperformed(ev:actionevent) Component PittyegoKeret +PittyegoKeret() +actionperformed(ev:actionevent) +main(args:string[]) JButton +addactionlistener(l:actionlistener) Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 52

import javax.swing.*; import java.awt.*; import java.awt.event.*; public class PittyegoKeret extends JFrame implements ActionListener { private JButton btpittyeg = new JButton("Pittyeg"); public PittyegoKeret() { setdefaultcloseoperation(exit_on_close); getcontentpane().add(btpittyeg); btpittyeg.addactionlistener(this); pack(); show(); } Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 53

public void actionperformed (ActionEvent ev) { } Toolkit.getDefaultToolkit().beep(); public static void main (String args[]) { new PittyegoKeret(); } } // PittyegoKeret Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 54

Eseményosztályok Esemény: az alkalmazás által létrehozott objektum, mely a vele összefüggő információkat tartalmazza Esemény útja operációs rendszer eseménysora alkalmazás forrásobjektum esemény figyelői A komponensen a felhasználó csak akkor válthat ki eseményt, ha a komponens eleme az alkalmazás komponenshierarchiájának látható Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 55

Eseményosztályok java::lang::object Alacsony szintű események java::util::eventobject java::awt::awtevent javax::swing::event java::awt::event ListSelectionEvent <<interfész>> DocumentEvent Magas szintű események Component- Event Container- Event Action- Event Focus- Event Key- Event Adjustment- Event Input- Event Mouse- Event Window- Event Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 56

EventObject osztály protected Object source Object getsource() AWTEvent osztály Mezők protected int id (Pl.: MOUSE_CLICKED) protected boolean consumed static final int RESERVED_ID_MAX static final long FOCUS_EVENT_MASK static final long KEY_EVENT_MASK... Metódusok int getid() protected void consume() protected boolean isconsumed() Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 57

Alacsony és magas szintű események Alacsony szintű esemény Operációs rendszer szintjén történő elemi esemény Forrása csak komponens lehet ComponentEvent utódja Alacsony szintű AWT események: ComponentEvent: Komponensesemény ContainerEvent: Konténeresemény FocusEvent: Fókuszesemény WindowEvent: Ablakesemény KeyEvent: Billentyűzetesemény MouseEvent: Egéresemény Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 58

Magas szintű esemény Minden esemény, ami nem alacsony szintű Általában logikai esemény Forrása nem feltétlenül komponens Magas szintű események: ActionEvent: Akcióesemény AdjustmentEvent: Igazítási esemény ListSelectionEvent: Listakiválasztás-esemény DocumentEvent: Dokumentumesemény Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 59

Eseménydelegációs modell Modell elemei: Eseményobjektum Eseményforrás (forrásobjektum) és figyelőláncai Eseményfigyelő Az eseményt figyelő és lekezelő objektum Fel kell fűzni a forrásobjektum megfelelő figyelőláncára Osztályának implementálnia kell a figyelő interfészt Esemény feldolgozása Forrásobjektum Figyelő objektumok Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 60

A JButton akció- és billentyűzetfigyelő lánca :ActionListener :ActionListener addactionlistener() removeactionlistener() addkeylistener() removekeylistener()... :KeyListener :KeyListener... actionperformed(ev) keytyped(ev) keypressed(ev) keyreleased(ev) bt:jbutton ev:actionevent vagy ev:keyevent Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 61

Eseményosztály Forrás Figyelő interfész Felfűző metódus Lekezelő metódusok Alacsony szintű események ComponentEvent Component ComponentListener addcomponentlistener ContainerEvent Container ContainerListener addcontainerlistener FocusEvent Component FocusListener addfocuslistener KeyEvent Component KeyListener addkeylistener MouseEvent Component MouseListener addmouselistener MouseEvent Component MouseMotion- Listener addmousemotion- Listener componentresized componentmoved componentshown componenthidden componentadded componentremoved focusgained focuslost keytyped keypressed keyreleased mousepressed mousereleased mouseentered mouseexited mouseclicked mousedragged mousemoved Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 62

Eseményosztály Forrás Figyelő interfész Felfűző metódus Lekezelő metódusok WindowEvent Window WindowListener addwindowlistener windowopened windowclosing windowclosed windowiconified windowdeiconified windowactivated windowdeactivated Magas szintű események ActionEvent Abs.B. utódai ActionListener addactionlistener actionperformed JComboBox JTextField AdjustmentEvent JScrollBar AdjustmentListener addadjustmentlistener adjustmentvalue- Changed ListSelection- Event JList ListSelection- Listener addlistselection- Listener valuechanged DocumentEvent Document DocumentListener adddocumentlistener insertupdate removeupdate changedupdate Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 63

A felhasználói felület tervezése Felhasználói felület képének megtervezése: keret és komponensei Eseményforrások meghatározása: azonosító/osztály + zárójelben esemény osztálya Eseményfigyelők meghatározása: azonosító/osztály + zárójelben: figyelő interfész, figyelt objektum(ok) azonosítója (azonosítói) Szükség esetén tulajdonosi hierarchia megtervezése Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 64

Feladat Nyomásszámláló Tegyünk két nyomógombot a keretbe, indulásképpen mindkettőnek "0" legyen a felirata! Ha lenyomnak egy gombot, akkor növeljük meg eggyel a rajta levő szám értékét! btbal (ActionEvent) :NyomasSzamlalo (ActionListener, btbal,btjobb) btjobb (ActionEvent) Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 65

public class NyomasSzamlalo extends JFrame implements ActionListener { private JButton btbal, btjobb; private int nbal=0, njobb=0; public NyomasSzamlalo() { setdefaultcloseoperation(exit_on_close); Container cp = getcontentpane(); cp.setlayout(new GridLayout(1,2)); cp.add(btbal = new JButton(""+nBal)); cp.add(btjobb = new JButton(""+nJobb)); btbal.addactionlistener(this); btjobb.addactionlistener(this); pack(); show(); } Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 66

public void actionperformed (ActionEvent ev) { if (ev.getsource()==btbal) btbal.settext(""+ ++nbal); else btjobb.settext(""+ ++njobb); } } public static void main (String args[]) { } new NyomasSzamlalo(); Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 67

Feladat Ablak becsukása Készítsünk egy keretet! Ha a keretet be akarják csukni, akkor csukódjon be úgy, hogy a program rövid hangot hallat és befejezi futását! :AblakBecsuk (WindowEvent) (WindowListener) Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 68

import javax.swing.*; import java.awt.*; import java.awt.event.*; public class AblakBecsuk extends JFrame implements WindowListener { public AblakBecsuk () { setbounds(100,100,200,100); addwindowlistener(this); show(); } Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 69

} public void windowopened(windowevent ev) { } public void windowclosing(windowevent ev) { Toolkit.getDefaultToolkit().beep(); System.exit(0); } public void windowclosed(windowevent ev) { } public void windowiconified(windowevent ev) { } public void windowdeiconified(windowevent ev) { } public void windowactivated(windowevent ev) { } public void windowdeactivated(windowevent ev) { } public static void main (String args[]) { new AblakBecsuk(); } Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 70

Eseményadapter Absztrakt osztály Eseményadapterek A figyelő interfészt üres metódusokkal implementálja Figyelő interfész Adapter osztály Metódusok száma ComponentListener ComponentAdapter 4 ContainerListener ContainerAdapter 2 FocusListener FocusAdapter 2 KeyListener KeyAdapter 3 MouseListener MouseAdapter 5 MouseMotionListener MouseMotionAdapter 2 WindowListener WindowAdapter 7 Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 71

Feladat Adapterek Oldjuk meg a Az Ablak becsukása feladatot eseményadapterrel! Object «interfész» WindowListener WindowAdapter +windowopened(ev:windowevent) +windowclosing(ev:windowevent) +windowclosed(ev:windowevent) +windowiconified(ev:windowevent) +windowdeiconified(ev:windowevent) +windowactivated(ev:windowevent) +windowdeactivated(ev:windowevent) Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 72

1. megoldás: Esemény lekezelése külső eseményadapter osztályban class WindowFigyelo extends WindowAdapter { public void windowclosing(windowevent ev) { System.exit(0); } } public class Adapter1 extends JFrame { public Adapter1() { setbounds(300,300,300,200); addwindowlistener(new WindowFigyelo()); show(); } // main } Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 73

2. megoldás: Esemény lekezelése belső eseményadapter osztályban public class Adapter2 extends JFrame { class WindowFigyelo extends WindowAdapter { public void windowclosing(windowevent ev) { System.exit(0); } } public Adapter2() { setbounds(300,300,300,200); addwindowlistener(new WindowFigyelo()); show(); } } Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 74

3. megoldás: Esemény lekezelése névtelen eseményadapter osztályban public class Adapter3 extends JFrame { public Adapter3() { setbounds(300,300,300,200); addwindowlistener(new WindowAdapter() { public void windowclosing(windowevent e) { System.exit(0); } }); show(); } } Gábor Dénes Főiskola (IAI) Programozási technológia (Java) - II. / 75