Anwendungen mit GUI. INE2, Mittwoch / TH561 M. Thaler, Office TG208.

Transkript

1 Anwendungen mit GUI INE2, Mittwoch / TH561 M. Thaler, Office TG

2 Um was gehtes? Anwendungen meist Graphische Schnittstellen wie solche Schnittstellen implementieren? 2

3 Lernziele Siekönnen in Java Frames aufsetzen und entsprechende Events abfangen die wichtigstenlayout Manager aufzählen, beschreibenund einsetzen sie kennen die wichtigsten GUI Komponenten und können sie mit Hilfe von Unterlagen für Anwendungen einsetzen 3

4 Inhalt Frames und Window Events Layout Manager Look and Feel GUI Komponenten Menus Check Box Radio Button Combo Box Dialoge 4

5 Frames und WindowEvents Anwendung mit GUI benötigt Fenster JFrame JFrame Konstruktoren JFrame(); // Fenster ohne Titel JFrame(String title); // Fenster mit Titel wichtige Methoden setsize(int w, int h); // Fenstergrösse setzen setlocation(int x, int y); // Position des Fensters (Def: 0,0) show(); // Fenster -> sichtbar setvisible(boolean b); // Fenster -> sichtbar / unsichtbar toback(); // Fenster nach hinten schieben tofront(); // Fenster nach vorne schieben validate(); // Fensterelemente neu anordnen settitle(string title); // Fenstertitel setzen setmenubar(menubar m); // Menuleitste setzen 5

6 slide... Frames und WindowEvents JFrame kann WindowEvents bearbeiten z.b. Fenster schliessen, etc. benötigt WindowListener public class MyFrame extends JFrame implements WindowListener, ActionListener { Methoden des Interfaces WindowListener fangen Ereignisse ab Ereignisse - Fenster öffen, schliessen - Fenster iconifizieren, de-iconifizieren - Fenster inaktiv(hat Fokus abgegeben, aktiv(hat Fokus) 6

7 ... Frames und WindowEvents Methoden des Interfaces // nachdem Fenster geoeffnet wurde public void windowopened(windowevent event) {} // wenn Fenster geschlossen wird public void windowclosing(windowevent event) {} // nachdem Fenster geschlossen wurde public void windowclosed(windowevent event) {} // wenn Fenster iconifiziert wird public void windowiconified(windowevent event) {} // wenn Fenster de-iconfiziert wird public void windowdeiconified(windowevent event) {} // wenn Fenster aktiviert wird (Fokus erhaelt)) public void windowactivated(windowevent event) {} // wenn Fenster deaktiviert wird (Fokus abgibt) public void windowdeactivated(windowevent event) {} 7

8 Swing / JFC Swing / JFC (Java Foundation Classes) eine von mehreren GUI Bibliotheken in Java umfassender Satz von graphischen Komponenten plattformunabhängig Graphische Komponenten JButton, JCheckBox, JComboBox JScrollBar, JSlider JTextField, JLabel, JList etc. 8

9 Layout Manager GUI Handplatzierung von Gui-Komponenten - aufwendig/ ineffizient/ unflexibel besser Layout-Manager verwenden - organisiert Auslegung der Komponenten Wichtigste Layout-Manager "null" kein Layout-Manager Handplatzierung FlowLayout 1 Region, Komponenten in einer Reihe(ev. mehr) BorderLayout 5 Regionen GridLayout Raster von Regionen GridBagLayout Raster mit Randbedingungen Methode validate() Neuanordnung Komponenten, wenn z.b. neu Komponente 9

10 nulllayout Kein Layout-Manager sämtliche Komponenten von Hand auslegen - Position / Grösse angeben Methoden Beispiel setbounds(int x, int y, int with, int height); setlocation(int x, int y); setsize(int width, int height); panel.setlayout(null); button = new jbutton("hello"); batton.setbounds(10, 10, 100, 20); panel.add(button); 10

11 slide FlowLayout FlowLayout Anordnung Komponenten - in Reihe, von links nach rechts, zentriert zum Fenster - Reihenfolge: bestimmt durch add()-methoden - Falls Fenster zu klein zusätzliche Reihen Default Applets Konstruktoren FlowLayout(); // zentriert, von links -> rechts FlowLayout(FlowLayout.LEFT); // links, von links -> rechts FlowLayout(FlowLayout.RIGHT); // rechts, von links -> rechts Layout setzen setlayout(layout); // oft setlayout(new FlowLayout()); 11

12 ... FlowLayout Beispiel private void initcomponents() { JPanel panel = (JPanel) this.getcontentpane(); panel.setbackground(color.white); panel.setlayout(new FlowLayout()); b1 = new JButton("button 1"); b2 = new JButton("button 2"); panel.add(b1); panel.add(b2); } 12

13 slide BorderLayout BorderLayout Anordnung Komponenten - entlang der Fensterseiten und im Zentrum: NORTH, EAST, WEST, SOUTH, CENTER - pro FeldeineKomponente füllenfeldaus mehrere Felder JPanel einfügen plus Komponenten Default: Anwendungen(JFrame) Konstruktoren BorderLayout(); // ohne Abstaende zw. Komponeten BorderLayout(int hg, int vg); // Abstände, in Pixel (horiz., vert.) Layout setzen setlayout(new BorderLayout(5,5)); // z.b. layout direkt setzen 13

14 ... BorderLayout Beispiel private void initcomponents() { JPanel panel = (JPanel) this.getcontentpane(); panel.setbackground(color.white); panel.setlayout(new BorderLayout()); northb = new JButton("north"); eastb = new JButton("east"); westb = new JButton("west"); southb = new JButton("south"); centerb = new JButton("center"); panel.add(borderlayout.north, northb); panel.add(borderlayout.east, eastb); panel.add(borderlayout.west, westb); panel.add(borderlayout.south, southb); panel.add(borderlayout.center, centerb); } 14

15 slide GridLayout GridLayout Anordnung Komponenten - Matrix (Zeilen, Spalten) - Reihenfolge: zeilenweise, bestimmt durch add()-methoden Konstruktor GridLayout(int rows, int cols); // keine Abstaende zw. Komponenten // rows -> -1: beliebige Anzhal GridLayout(int rows, int cols, int hg, int vg); // Abstaende zw. Komponenten // rows -> -1: beliebige Anzhal Layout setzen setlayout(new GridLayout(3,3,2,2)); // z.b. layout direkt setzen 15

16 ... GridLayout Beispiel private JButton[] button;... private void initcomponents() { JPanel panel = (JPanel) this.getcontentpane(); panel.setbackground(color.white); panel.setlayout(new GridLayout(3,3,2,2)); button = new JButton[9]; for (int i = 0; i < 9; i++) { button[i] = new JButton("" + i); panel.add(button[i]); } } 16

17 Container Abstrakte Klasse Container Oberklasse aller Komponenten - die weitere Komponenten enthalten können - z.b. JPanel, JComponent, etc. Wichtigste Methoden // setzt Layout Mannager -> layout set Layout(LayoutManager layout); // fügt Komponente zur aktuellen Komponente hinzu add(component component); // entfert Komponente von aktueller Komponente remove(component component); // ordent Layout neu nach Aenderungen validate(); 17

18 slide... Container: JPanel JPanel Komponente zur Gruppierung weiterer Komponenten Komponenten gemäss Layout Manager angeordnet Konstruktor JPanel p1 = new JPanel(new FlowLayout()); // direkt erzeugen Vorgehen 1. neues JPanel erzeugen 2. Komponenten zum JPanel hinzufügen 3. JPanel zu anderem Container hinzufügen 18

19 ... Container: JPanel Beispiel 19 private void initcomponents() { JPanel panel = (JPanel) this.getcontentpane(); panel.setbackground(color.white); panel.setlayout(new BorderLayout()); northb = new JButton("north"); eastb = new JButton("east"); westb = new JButton("west"); southb = new JButton("south"); panel.add(borderlayout.north, northb); panel.add(borderlayout.east, eastb); panel.add(borderlayout.west, westb); panel.add(borderlayout.south, southb); cpanel = new JPanel(); // 1. neues JPanel erzeugen cpanel.setlayout(new FlowLayout()); cpanel.setbackground(color.cyan); c1b = new JButton("c1"); c2b = new JButton("c2"); cpanel.add(c1b); // 2. neue Komponenten cpanel.add(c2b); panel.add(borderlayout.center, cpanel); // 3. neues Panel hinzufuegen }

20 Look and Feel Look and Feel in main() setzen, bevor Fenster geöffnet wird plattformunabhängig "Nimbus" try { String uim = UIManager.getSystemLookAndFeelClassName(); UIManager.setLookAndFeel(uim); } catch (Exception e) {} plattformabhängig try { String uim = UIManager.getSystemLookAndFeelClassName(); UIManager.setLookAndFeel(uim); } catch (Exception e) {} 20

21 ... Look and Feel Windows 7 und Linux (xfce) 21

22 slide Menus Java Anwendungen können auch Menus haben Fenster mit Menus Fensterleiste: JMenuBar - hier Menus aufgehängt Menus: JMenu - Einträge in Leiste - enthalten MenuItems MenuItems: MenuItem - Einträgein Menu - können aber auch Untermenus sein JMenuBar JMenuItem JMenu 22

23 Klasse JMenuBar Konstruktor JMenuBar JMenubar menubar = new JMenuBar(); Nützliche Methoden add(jmenu menu); // Menu hinzufügen Zu JFrame hinzufügen setmenubar(jmenubar menubar); // zu JFrame hinzufügen 23

24 Klasse JMenu Konstruktor JMenu(String label); JMenu Nützliche Methoden // JMenuItem zu Menu hinzufuegen add(jmenuitem item); // JMenuItem label erzeugen und ans Menu anhaengen // gibt MenuItem zurück add(string label); // MenuItem an Position pos ins JMenu einfügen insert(jmenuitem item, int pos); // Separator ans JMenu hinzufuegen addseparator(); // Separator an Position pos ins JMenu einfügen addseparator(int pos); 24

25 Klasse JMenuItem Konstruktor JMenuItem JMenuItem(String label); // MenuItem label JMenuItem(String label, MenuShortCut sc); ActionEvent bei Wahl boolean isenabled(); // ist JMenuItem aktiv? setenabled(boolean b); // aktiviert JMenuItem String getlabel(); // gibt Label zurueck setlabel(string label); // setzt Label addactionlistener(actionlistener a); // fügt Listener Objekt a hinzu setactioncommand(string cmnd);// setzt Befehlsname von Item cmnd String getactioncommand(); // gibt Befehlsname von Item zurueck MenuShortCut getshortcut(); // gibt Shortcut des MenuItems zurueck setshortcut(menushortcut sc); // setzt Shortcut des Menus 25

26 Menuleisteerzeugen 7 Schritte 1. JMenuBar menubar = new JMenuBar(); 2. JMenu sizemenu = new JMenu("Size"); 3. growitem = new JMenuItem("grow"); sizemenu.add(growitem); growitem.addactionlistener(this); 4. // Schritt 3 fuer alle Items wiederholen 5. menubar.add(sizemenu); 6. // Schritte 2-4 fuer weiter Menus wiederholen 7. setjmenubar(menubar); 26

27 slide JCheckBox Check-Box hat Zustand: gewählt/ nicht gewählt mehrere Boxen: Mehrfachauswahl möglich erzeugt ItemEvent Konstruktoren JCkeckBox("one"); // Check Box mit Label "one" JCheckBox("two", true); // Check Box mit Label "one" und ausgewählt Events Interface: ItemListener Methoden - Registrierung: additemlistener(this) - Behandlung: itemstatechanged(itemevent e) 27

28 ... JCheckBox Nützliche Methoden String gettext() // gibt Label der Check Box zurück boolean isselected() // Zustand der der Check Box settext(string s) // Label der Check Box setzen setselected(boolean sel) // Zustand der Check Box setzen Beispiel Eventbehandlung public void itemstatechanged(itemevent e) { if (e.getsource() == one) { if (one.isselected()) s1 = "one"; else s1 = " "; }... repaint(); } 28

29 JRadioButton Auswahl von Möglichkeiten Schalter"können" zu Gruppen zusammengefasst werden nur ein Schalter aus Gruppe wählbar sonst alles gleich wie bei JCheckBox Konstruktoren JRadioButton("one"); // Schalter mit Label "one" JRadioButton("two", true);// Schalter mit Label "one" und ausgewählt Initialisierung one = new JRadioButton("one"); two = new JRadioButton("two"); ButtonGroup group = new ButtonGroup(); group.add(one); group.add(two); 29

30 JComboBox Liste von Auswahlmöglichkeiten Konstruktor JComboBox(); // Auswahl Box Initialisierung box = new JComboBox(); box.additem("one"); box.additem("two"); box.additem("three"); Events verwendet ActionListener Abfrage des Menu-Items (String des Items) String choice = e.getselecteditem(); 30

31 JDialog Dialog kleine Fenster für Meldungen und Benutzernachfragen können Modal sein - solange Dialog sichtbar Parent-Fenster gesperrt 31