JAVA2D OKTOBER package at.ac.wuwien.examples.swingdemo; 3 import javax.swing.*; 5 public class SimpleGUI extends JFrame {

Transkript

1 GUIs mit Swing Swing und Java2D Albert Weichselbraun Swing setzt auf AWT auf leichtgewichtige Komponenten Realisiert die MVC (Model-View-Controller) Architektur Komponenten: siehe Index uiswing/components/components_pics.html Komponenten, die von Container abgeleitet werden, können andere Komponenten enthalten (z.b. JPanel, JFrame,... ) JAVA2D OKTOBER 2008 Vorgangsweise 1. Layout festlegen Position der Komponenten Anordnung von JPanels / Wahl des Layoutmanagers 2. Grafische Komponenten festlegen 3. Eventhandling definieren Layout festlegen 1 package at.ac.wuwien.examples.swingdemo; 3 import javax.swing.*; 5 public class SimpleGUI extends JFrame { 7 // optional 8 public SimpleGUI(String title) { 9 super(title); 10 } 12 // main program 13 public static void main(string[] args) { 14 SimpleGUI sg = new SimpleGUI("Swing Example"); JAVA2D OKTOBER 2008 JAVA2D OKTOBER 2008

2 15 sg.pack(); 16 sg.setvisible(true); 17 } 18 } Elemente hinzufügen 1 package at.ac.wuwien.examples.swingdemo; 2 import java.awt.borderlayout; 3 import javax.swing.*; 5 public class SimpleGUI2 extends JFrame { 7 private JTextArea textoutput; 8 private JTextField textinput; 9 private JButton addbutton, clearbutton; 11 public SimpleGUI2(String title) { 12 super(title); 13 // create Text input/output fields 14 textoutput = new JTextArea("Output",3,10); JAVA2D OKTOBER 2008 JAVA2D OKTOBER textinput = new JTextField("Input"); 17 // Create Buttons 18 JPanel controlpanel = new JPanel(); 19 addbutton = new JButton("Add"); 20 clearbutton = new JButton("Clear"); 22 // add buttons to the controlpanel 23 controlpanel.add(addbutton); 24 controlpanel.add(clearbutton); 32 // main program 33 public static void main(string[] args) { 34 SimpleGUI2 sg = new SimpleGUI2("Swing Example"); 35 sg.pack(); 36 sg.setvisible(true); 37 } 38 } 26 // add everything to the layout 27 add(controlpanel, BorderLayout.NORTH); 28 add(textinput, BorderLayout.CENTER); 29 add(textoutput, BorderLayout.SOUTH); 30 } JAVA2D OKTOBER 2008 JAVA2D OKTOBER 2008

3 Eventhandling definieren 1 public class MyGUI extends JFrame 2 implements ActionListener { public MyGUI(String title) { 7 super(title); public void actionperformed(actionevent e) { 17 if (e.getsource() == clearbutton) { 18 textoutput.settext( ); 19 } 20 if (e.getsource() == addbutton) { 21 textoutput.settext( textoutput.gettext( 22 + \n + textinput.gettext( ); 23 } 24 } 11 // eventhandling 12 addbutton.addactionlistener( this ); 13 clearbutton.addactionlistener( this ); 14 } JAVA2D OKTOBER 2008 JAVA2D OKTOBER 2008 Erweiterung - scrollbares Textfeld // scrolling 4 JScrollPane sp = new JScrollPane(textoutput); 5 this.add(sp, BorderLayout.SOUTH); 7... Übung: Wechselkursrechner Schreiben Sie eine Applikation, die einen Betrag entgegennimmt und zwischen den folgenden Währungen umrechnet: USD (1 EUR = 1.32 USD) AUD (1 EUR = AUD) JPY (1 EUR = JPY) Hinweis: gettext() liefert Ihnen immer einen String. Dieser kann mittels Double.parseDouble() in einen double konvertiert werden (siehe nächste Folie). JAVA2D OKTOBER 2008 JAVA2D OKTOBER 2008

4 Exkurs: String, Double, double String: Zeichenkette "12.1"+ "13" = "12.113" double: Primitive = 25.1 Double: Wrapper-Objekt für den Datentyp double. Bis inklusive Java 1.4 ist es nicht möglich, mit diesem direkt zu rechnen (ab Java 5.0: Autoboxing). Konvertierung: String s double d: 1 double d = Double.parseDouble(s); Konvertierung: double d String s: 1 String s = new Double(d).toString(); Java2D Erlaubt es dem Programmierer Komponenten selbst zu zeichnen. Überschreiben der Methode paintcomponent() der Superklasse JComponent - paintcompontent() der Superklasse ausführen - anschließend eigenen Erweiterungen - wird nach Aufruf von repaint() ausgeführt Koordinatensystem Verwendung eines Buffers: BufferedImage buffer=new BufferedImage(x_size, y_size, BufferedImage.TYPE_INT_RGB) JAVA2D OKTOBER 2008 JAVA2D OKTOBER 2008 Eigene grafische Komponenten Vorgangsweise 1. Klasse von JComponent ableiten 2. BufferedImage Buffer mit der Größe der Komponente erstellen alle Zeichenoperation im Buffer durchführen 3. paintcomponent() überschreiben, sodass es den Buffer ausgibt 4. nach Änderungen in der Darstellung repaint ausführen! Zeichnen mit Java2D Vorgangsweise 1. Graphics2D Objekt erstellen 2. Formen (Ellipse2D.Double, Rectangle2D.Double,...), Linien erstellen (unterstützte Formen 1 ) 3. Elemente mit draw(element) zeichnen oder mit fill(element) ausfüllen 1 JAVA2D OKTOBER 2008 JAVA2D OKTOBER 2008

5 Bilder einfügen Vorgangsweise 1. java.awt.image.* importieren 2. Zugriff auf Objekte in.jar-dateien mittels getclass().getresource(fname) 3. Image-Objekt mit ImageIO.read( url ) initialisieren 4. Ausgabe mittels drawimage() 1 package at.ac.wuwien.examples.java2d; 3 import java.awt.*; 4 import java.awt.event.*; 5 import javax.swing.*; 7 public class Java2DDemo extends JFrame 8 implements ActionListener{ 10 private static enum Demos { FORMEN_DEMO, BILD_DEMO }; 11 private Demos zeigedemo = Demos.FORMEN_DEMO; 12 private Zeichenflaeche z; 14 private JButton formen; 15 private JButton bild; 16 private JButton nord,sued,west,ost; JAVA2D OKTOBER 2008 JAVA2D OKTOBER public Java2DDemo(String title) { 19 super(title); 21 // Auswahlfelder darstellen 22 JPanel auswahl = new JPanel(); 23 formen = new JButton("Formen"); 24 formen.addactionlistener(this); 25 bild = new JButton("Bild"); 26 bild.addactionlistener(this); 27 auswahl.add(formen); 28 auswahl.add(bild); 30 this.add(auswahl, BorderLayout.SOUTH); 33 // Cursorsteuerung darstellen 34 JPanel cursor = new JPanel(); 35 nord = new JButton("N"); 36 nord.addactionlistener(this); 38 sued= new JButton("S"); 39 sued.addactionlistener(this); 41 west = new JButton("<-"); 42 west.addactionlistener(this); 43 ost = new JButton("->"); 44 ost.addactionlistener(this); 45 cursor.add(west); 46 cursor.add(nord); 47 cursor.add(sued); 48 cursor.add(ost); JAVA2D OKTOBER 2008 JAVA2D OKTOBER 2008

6 49 this.add(cursor, BorderLayout.CENTER); 51 // Zeichenflaeche darstellen 52 z = new Zeichenflaeche(320, 200); 53 this.add(z, BorderLayout.NORTH); 54 z.zeichnekreis(); 55 } 57 // Reaktion auf Eingabeevents und Implementierung 58 // von ActionListener 59 public void actionperformed(actionevent e) { 60 if (e.getsource()==formen) { 61 zeigedemo = Demos.FORMEN_DEMO; 62 } 63 else if (e.getsource()==bild) { 64 zeigedemo = Demos.BILD_DEMO; 65 } 66 else if (e.getsource()==west) { z.bewegewest(); } 67 else if (e.getsource()==ost ) { z.bewegeost(); } 68 else if (e.getsource()==nord) { z.bewegenord(); } 69 else if (e.getsource()==sued) { z.bewegesued(); } 71 // Demo darstellen 72 System.out.println(zeigeDemo); 73 switch (zeigedemo) { 74 case FORMEN_DEMO: z.zeichnekreis(); break; 75 case BILD_DEMO: z.zeichnebild(); break; 76 } 77 } 79 public static void main(string[] args) { JAVA2D OKTOBER 2008 JAVA2D OKTOBER Java2DDemo demo = new Java2DDemo("Java2D Demo"); 81 demo.pack(); 82 demo.setvisible( true ); 83 } 84 } 1 package at.ac.wuwien.examples.java2d; 3 import javax.swing.*; 4 import java.awt.*; 5 import java.awt.geom.*; 6 import java.awt.image.*; // BufferImage 7 import java.net.url; 9 import javax.imageio.*; 10 import java.io.*; 12 public class Zeichenflaeche extends JComponent { 14 private BufferedImage buffer; 15 private Image img; JAVA2D OKTOBER 2008 JAVA2D OKTOBER 2008

7 17 private int x_size, y_size; 18 private int x_pos, y_pos; 20 public Zeichenflaeche(int x_size, int y_size) { 21 // Groesse der Zeichenflaeche setzen 22 this.x_size = x_size; 23 this.y_size = y_size; 25 // Startposition der Objekte setzen 26 this.x_pos = 0; 27 this.y_pos = 0; 28 this.setpreferredsize( 29 new Dimension(x_size, y_size)); 30 this.setmaximumsize( 31 new Dimension(x_size, y_size)); 32 this.setminimumsize( 33 new Dimension(x_size, y_size)); 34 this.setdoublebuffered(true); 36 // Bild laden 37 try { 38 // retrieve the image from the web 39 // URL bildurl = new URL(" 41 // or from the filesystem/jar file 42 URL bildurl = getclass(). 43 getresource("/at/ac/wuwien/examples/java2d/buggie.p 44 img = ImageIO.read( bildurl ); 45 } catch (IOException e) { 46 System.err.println(e); 47 } JAVA2D OKTOBER 2008 JAVA2D OKTOBER // Buffer Image erstellen 51 this.buffer = 52 new BufferedImage(x_size, y_size, 53 BufferedImage.TYPE_INT_RGB); 54 this.setbackground(color.gray); 55 } 58 protected void paintcomponent(graphics g) { 59 super.paintcomponent(g); 60 Graphics2D g2d = (Graphics2D)g.create(); 61 g2d.drawimage(this.buffer, 0, 0, this); 62 g2d.dispose(); // Handle verwerfen (eigentlich nicht notwendig) 63 } 65 // Bewegung der Objekte steuern 66 public void bewegenord() { y_pos -=5; } 67 public void bewegesued() { y_pos +=5; } 68 public void bewegeost() { x_pos +=5; } 69 public void bewegewest() { x_pos -=5; } 71 // Objekte zeichnen 72 public void zeichnekreis() { 73 Graphics2D g2d = this.buffer.creategraphics(); 74 g2d.clearrect( 0, 0, x_size, y_size); 76 Ellipse2D.Double ellipse = 77 new Ellipse2D.Double(x_pos, y_pos, 80, 80); 78 g2d.draw( ellipse ); 80 Rectangle2D.Double box = JAVA2D OKTOBER 2008 JAVA2D OKTOBER 2008

8 81 new Rectangle2D.Double(x_pos+100, y_pos, 100, 80); 82 g2d.fill( box ); 83 repaint(); 84 } 86 public void zeichnebild() { 87 Graphics2D g2d = this.buffer.creategraphics(); 88 g2d.clearrect( 0, 0, x_size, y_size); 90 g2d.drawimage( img, x_pos, y_pos, null); 91 repaint(); 92 } 94 } JAVA2D OKTOBER 2008 JAVA2D OKTOBER 2008 Übung: Würfel Schreiben Sie eine Applikation, die einen Würfel zeichnet und mit einem Würfel-Button versehen ist. Bei jedem Druck auf den Button soll eine neue Zahl zwischen eins und sechs angezeigt (gezeichnet) werden. Hinweis: Zufallszahlen können Sie in Java (wie auf der nächsten Folie demonstriert) durch Import der Klasse java.util.random mittels eines Random() Objektes berechnen. 1 import java.util.random; 3 class Zufallszahl { 4 private Random rnd = new Random(); 6 public int neuezahl() { 7 return rnd.nextint(6)+1; 8 } 9 } JAVA2D OKTOBER 2008 JAVA2D OKTOBER 2008