DVG1 - Grafikprogrammierung1 Grafikprogrammierung

DVG1 - Grafikprogrammierung2 Programm der nächsten zwei Wochen n 2., 3. und Grafikprogrammierung n Exkursion zum WIAS –8.30 Allgemeines über das WIAS –9.00 Vortrag Dr. Jürgen Fuhrmann –10.00 Besichtigung

DVG1 - Grafikprogrammierung3 W ierstraß- I nstitut für Angewandte A nalysis und S tochastik Mohrenstr. 39 U2 Hausvogteiplatz U6 Stadtmitte Bus 142 Jerusalemer Str. Bus 147, 257 Oberwallstr.

DVG1 - Grafikprogrammierung4 Grafikprogrammierung n Als standardisierte portable Grafikschnittstelle existiert in JAVA das Package AWT - Abstract Window Toolkit. n AWT enthält Klassen zur Programmierung allgemeiner Grafikelemente, z.B.: –Fenster –Menüs –Druckeranschluß –Drag and Drop –Mausanschluß –Grafikimport, -export –Farben –Fonts –Geometrieobjekte

DVG1 - Grafikprogrammierung5 Einfachstes Grafikprogramm Einfachstes Grafikelement Frame import java.awt.*; public class einfachsteGrafik { public static void main (String [] args) { Frame f = new Frame("einfachste Grafik"); f.setSize(600,400); f.show(); } }

DVG1 - Grafikprogrammierung6 Methode der Klasse Frame n public Frame(String titel) –erzeugt einen neuen Frame mit dem Titel titel n public void setTitle(String titel) –setzt den Titel des Frames n public void setSize(int breite, int hoehe) –setzt die Rahmengröße des Frames n public void show() –zeigt den Frame an n public void setResizable(boolean resizable) –true : Größe kann vom Nutzer verändert werden. –false : Größe kann vom Nutzer nicht verändert werden. n public void paint(Graphics g) –zeichnet den Inhalt des Frames, wird bei jeder Änderung des Frames aufgerufen

DVG1 - Grafikprogrammierung7 import java.awt.*; public class FunktionsGrafik01 extends Frame { public void paint (Graphics g) { g.drawString("Funktions Grafik",50,75); } public static void main (String [] args) { Frame f = new FunktionsGrafik01(); f.setTitle("Funktions Grafik Version 1"); f.setSize(600,400); f.show(); } }

DVG1 - Grafikprogrammierung8 Methoden der Klasse Graphics n public void drawString(String str, int ix, int iy) –zeichnet den Text str an die Position (ix,iy) n public void drawLine(int ix1, int iy1, int ix2, int iy2) –zeichnet eine Linie von (ix1,iy1) nach (ix2,iy2) n public void drawRect(int ix, int iy, int ib, int ih) –zeichnet ein Rechteck mit der linken oberen Ecke (ix,iy) und der Breite ib und der Höhe ih n public void fillRect(int ix, int iy, int ib, int ih) –zeichnet ein ausgefülltes Rechteck n public void drawOval(int ix, int iy, int ib, int ih) –zeichnet ein Oval innerhalb des beschriebenen Rechtecks n public void fillOval(int ix, int iy, int ib, int ih) –zeichnet ein ausgefülltes Oval

DVG1 - Grafikprogrammierung9 n public void drawArc(int ix, int iy, int ib, int ih, int start, int arc) –zeichnet einen Auschnitt eines Ovals innerhalb des beschriebenen Rechtecks mit dem Startwinkel start und dem Endwinkel arc n public void fillArc(int ix, int iy, int ib, int ih, int start, int arc) –zeichnet einen ausgefüllten Auschnitt eines Ovals n public void drawPolygon(int[] ix, int[] iy, int n) –zeichnet ein geschlossenes Polygon mit den Ecken (ix[i],iy[i]) für i=0...n-1 n public void fillPolygon(int[] ix, int[] iy, int n) –zeichnet ein geschlossenes ausgefülltes Polygon n public void drawPolyline(int[] ix, int[] iy, int n) –zeichnet einen geschlossene Polygonzug mit den Ecken (ix[i],iy[i]) für i=0...n-1

DVG1 - Grafikprogrammierung10 Koordinatentransformationen n Zwei Koordinatensysteme: –Anwendungssystem: reelle (x,y)-Koordinate variable Grenzen x wächst von links nach rechts y wächst von unten nach oben –Bildschirmsystem: ganzzahlige (x,y)-Koordinate feste Grenzen, abhängig von Fenstergröße und Auflösung x wächst von links nach rechts y wächst von oben nach unten ymax ymin xmaxxminiymax iymin ixmaxixmin

DVG1 - Grafikprogrammierung11 Lineare Abbildung (xmin, xmax) ==> (ixmin, ixmax) Ansatz: ix=a+b*x ixmin = a + b*xmin ixmax = a + b*xmax ==> ixmax-ixmin = b*(xmax-xmin) ==> b = (ixmax-ixmin)/(xmax-xmin) ==> a = ixmin - b*xmin = ixmin - xmin*(ixmax-ixmin)/(xmax-xmin) ==> ix = ixmin - xmin*(ixmax-ixmin)/(xmax-xmin) + x*(ixmax- ixmin)/(xmax-xmin) ix = ixmin + (x-xmin)*(ixmax-ixmin)/(xmax-xmin) analog: lineare Abbildung (ymin,ymax) ==> (iymax,iymin) iy = iymax + (y-ymin)*(iymin-iymax)/(ymax-ymin)

DVG1 - Grafikprogrammierung12 ix = ixmin + (x-xmin)*(ixmax-ixmin)/(xmax-xmin) iy = iymax + (y-ymin)*(iymin-iymax)/(ymax-ymin) x = xmin + (ix-ixmin)*(xmax-xmin)/(ixmax-ixmin) y = ymin + (iy-iymax)*(ymax-ymin)/(iymin-iymax)

DVG1 - Grafikprogrammierung13 public void paint (Graphics g) { int points = ; double xmin = -1.0; double xmax = 10.0; double ymin = -1.0; double ymax = 1.0; double h = (xmax-xmin)/points; int ixmin = 25; int ixmax = 575; int iymin = 50; int iymax = 375; double x1 = xmin; double y1 = function(x1); int ix1 = (int)(ixmin+(x1-xmin)*(ixmax-ixmin)/(xmax-xmin)); int iy1 = (int)(iymax+(y1-ymin)*(iymin-iymax)/(ymax-ymin)); double x2 = x1+h; double y2; int ix2; int iy2;

DVG1 - Grafikprogrammierung14 while (x2<=xmax) { y2 = function(x2); ix2 = (int)(ixmin+(x2-xmin)*(ixmax-ixmin)/(xmax-xmin)); iy2 = (int)(iymax+(y2-ymin)*(iymin-iymax)/(ymax-ymin)); g.drawLine(ix1,iy1,ix2,iy2); iy1=iy2; ix1=ix2; x2+=h; } } public static void main (String [] args) { Frame f = new FunktionsGrafik02(); f.setTitle("Funktions Grafik Version 2"); f.setSize(600,400); f.show(); } }

DVG1 - Grafikprogrammierung15 public void drawFunction (Graphics g, double xmin, double xmax, double ymin, double ymax, int points, int ixmin, int ixmax, int iymin, int iymax) { double h = (xmax-xmin)/points; double x1 = xmin; double y1 = function(x1); int ix1 = (int)(ixmin+(x1-xmin)*(ixmax-ixmin)/(xmax-xmin)); int iy1 = (int)(iymax+(y1-ymin)*(iymin-iymax)/(ymax-ymin)); double x2 = x1+h; double y2; int ix2; int iy2; while (x2<=xmax) { y2 = function(x2); ix2 = (int)(ixmin+(x2-xmin)*(ixmax-ixmin)/(xmax-xmin)); iy2 = (int)(iymax+(y2-ymin)*(iymin-iymax)/(ymax-ymin)); g.drawLine(ix1,iy1,ix2,iy2); iy1=iy2; ix1=ix2; x2+=h; } }

DVG1 - Grafikprogrammierung16 public void paint (Graphics g) { drawFunction(g, -1.0, 10.0, -1.0, +1.0, , 25, 575, 50, 375); } public static void main (String [] args) { Frame f = new FunktionsGrafik03(); f.setTitle("Funktions Grafik Version 3"); f.setSize(600,400); f.show(); } }

DVG1 - Grafikprogrammierung17 Attribute der Klasse Dimension width –Breite des Grafikobjektes, z.B. des Frames height –Höhe des Grafikobjektes, z.B. des Frames Grafikobjekte besitzen die Methode public Dimension getSize() –Dimension d=getSize() –d.height - Höhe –d.width - Breite

DVG1 - Grafikprogrammierung18 Attribute der Klasse Insets left, right –linker bzw. rechter Rand des Frames bottom, top –unterer bzw. oberer Rand des Frames Grafikobjekte besitzen die Methode public Insets getInsets() –Insets i=getInsets() –i.left - linker Rand –i.right - rechter Rand –i.bottom - unterer Rand –i.top - oberer Rand

DVG1 - Grafikprogrammierung19 public void paint (Graphics g) { Dimension d = getSize(); Insets saum = getInsets(); int ix0 = saum.left; int ix1 = d.width - saum.right; int iy0 = saum.top; int iy1 = d.height - saum.bottom; drawFunction(g, -1.0, 10.0, -1.0, +1.0, 10000, ix0, ix1, iy0, iy1); } public static void main (String [] args) { Frame f = new FunktionsGrafik04(); f.setTitle("Funktions Grafik Version 4"); f.setSize(600,400); f.show(); } }

DVG1 - Grafikprogrammierung20 void drawCoordinateSystem (Graphics g, double xmin, double xmax, double ymin, double ymax, double xstep, double ystep, double x0, double y0, int ixmin, int ixmax, int iymin, int iymax) { int ix = (int)(ixmin+(x0-xmin)*(ixmax-ixmin)/(xmax-xmin)); int iy = (int)(iymax+(y0-ymin)*(iymin-iymax)/(ymax-ymin)); g.drawLine(ixmin, iy, ixmax, iy); g.drawLine(ix, iymin, ix, iymax); double x = x0+xstep; while ( x < xmax ) { int ixx = (int)(ixmin+(x-xmin)*(ixmax-ixmin)/(xmax-xmin)); g.drawLine(ixx, iy-5, ixx, iy+5); g.drawString(InOut.toString(x,9,2),ixx-10,iy+15); x+=xstep; } x = x0-xstep; while ( x > xmin ) { int ixx = (int)(ixmin+(x-xmin)*(ixmax-ixmin)/(xmax-xmin)); g.drawLine(ixx, iy-5, ixx, iy+5); g.drawString(InOut.toString(x,9,2),ixx-10,iy+15); x-=xstep; }

DVG1 - Grafikprogrammierung21 double y = y0; while ( y < ymax ) { int iyy = (int)(iymax-(y-ymin)*(iymax-iymin)/(ymax-ymin)); g.drawLine(ix-5, iyy, ix+5, iyy); g.drawString(InOut.toString(y,9,2),ix+7,iyy); y+=ystep; } y = y0-ystep; while ( y > ymin ) { int iyy = (int)(iymax-(y-ymin)*(iymax-iymin)/(ymax-ymin)); g.drawLine(ix-5, iyy, ix+5, iyy); g.drawString(InOut.toString(y,9,2),ix+7,iyy); y-=ystep; } }

DVG1 - Grafikprogrammierung22 public void paint (Graphics g) { Dimension d = getSize(); Insets saum = getInsets(); int ixmin = saum.left; int ixmax = d.width - saum.right; int iymin = saum.top; int iymax = d.height - saum.bottom; drawFunction(g, -2.5, 10.0, -1.0, +1.0, 10000, ixmin, ixmax, iymin, iymax); drawCoordinateSystem(g, -2.5, 10.0, -1.0, +1.0, 1.0, 0.2, 0.0, 0.0, ixmin, ixmax, iymin, iymax); }

DVG1 - Grafikprogrammierung23 Methoden der Klasse Font n public Font(String name, int style, int size) –name - Name des Fonts z.B. Dialog, DialogInput, Monospaced, Serif, SansSerif, or Symbol –style - Schriftstil des Fonts z.B. PLAIN, BOLD, ITALIC, BOLD|ITALIC –size - Größe des Fonts in Punkten Grafikobjekte besitzen die Methode public Font getFont() –Font oldFont = getFont();

DVG1 - Grafikprogrammierung24 Methoden der Klasse FontMetrics n public FontMetrics getFontMetrics(Font font) liefert geometrische Angaben für Fonts und Texte die in diesen Fonts ausgegeben werden n public int stringWidth(String str) –berechnet die Breite des Textes str bei der Darstellung in dem entsprechenden Font Graphics g; Font f = g.getFont(); FontMetrics fm = getFontMetrics(f); int breite = fm.stringWidth("Das ist ein Text");

DVG1 - Grafikprogrammierung25 public void drawTitle(Graphics g, int ixmin, int ixmax, int iymin, int iymax, String title) { Font oldFont = g.getFont(); Font newFont = new Font("SansSerif",Font.BOLD,40); FontMetrics fm = getFontMetrics(newFont); int br = fm.stringWidth(title); g.setFont(newFont); g.drawString( title, (ixmin+ixmax-br)/2, iymin+50); g.setFont(oldFont); } public void paint (Graphics g) { Dimension d = getSize(); Insets saum = getInsets(); int ixmin = saum.left; int ixmax = d.width - saum.right; int iymin = saum.top; int iymax = d.height - saum.bottom; drawFunction(g, -2.5, 10.0, -1.0, +1.0, 10000, ixmin, ixmax, iymin, iymax); drawCoordinateSystem(g, -2.5, 10.0, -1.0, +1.0, 1.0, 0.2, 0.0, 0.0, ixmin, ixmax, iymin, iymax); drawTitle(g, ixmin, ixmax, iymin, iymax, "Sinus-Funktion"); }

DVG1 - Grafikprogrammierung26 Methoden der Klasse Color n public Color(int r, int g, int b) –r, g, b - rot, grün, blau, 0<=r,g,b<=255 n Color brighter() –c.brighter() ist die gleiche Farbe wie c, nur etwas heller (etwa r=r/0.7, g=g/0.7, b=b/0.7) n Color darker() –c.darker() ist die gleiche Farbe wie c, nur etwas dunkler (etwa r=r*0.7, g=g*0.7, b=b*0.7) n int getRed(), int getGreen(), int getBlue() –c.getRed() berechnet den rot-Anteil der Farbe –c.getGreen() berechnet den grün-Anteil der Farbe –c.getBlue() berechnet den blau-Anteil der Farbe n black, blue, cyan, darkGray, gray, green, lightGray, magenta, orange, pink, red, white, yellow

DVG1 - Grafikprogrammierung27 Color oldColor = g.getColor(); g.setColor(Color.red); while (x2<=xmax) { y2 = function(x2); ix2 = (int)(ixmin+(x2-xmin)*(ixmax-ixmin)/(xmax-xmin)); iy2 = (int)(iymax+(y2-ymin)*(iymin-iymax)/(ymax-ymin)); g.drawLine(ix1,iy1,ix2,iy2); iy1=iy2; ix1=ix2; x2+=h; } g.setColor(oldColor);

DVG1 - Grafikprogrammierung28 Die Klasse Panel Panel stellt einen Bereich zur Verfügung,in dem Grafikelemente plaziert werden können. n Component add(Component comp) –fügt eine Componente comp zum Panel hinzu

DVG1 - Grafikprogrammierung29 Die Klasse Button n public Button(String str) –erzeugt eine Schaltfläche mit der Beschriftung str n void addActionListener(ActionListener l) –fügt eine Klasse zur Behandlung der Aktion beim Betätigen der Schaltfläche hinzu z.B.: Panel Feld = new Panel(); Button Ende = new Button("Ende"); Feld.add(Ende); Ende.addActionListner(this);

DVG1 - Grafikprogrammierung30 Methoden der Klasse ActionListener n void actionPerformed(ActionEvent e) –definiert die Aktion beim Betätigen einer Schalfläche –e.getActionCommand() liefert die Zeichenkette die zu der Schaltfläche gehört, die betätigt wurde

DVG1 - Grafikprogrammierung31 public class FunktionsGrafik08 extends Frame implements ActionListener { private boolean draw = true; public FunktionsGrafik08() { Panel Feld = new Panel(); Button Ende = new Button("Ende"); Button Redraw = new Button("Redraw"); Feld.add(Ende); Feld.add(Redraw); Ende.addActionListener(this); Redraw.addActionListener(this); add(Feld,BorderLayout.SOUTH); } public void actionPerformed(ActionEvent e) { String kommando = e.getActionCommand(); if (kommando.equals("Ende")) System.exit(0); if (kommando.equals("Redraw")) { draw=true; paint(this.getGraphics()); return; } }

DVG1 - Grafikprogrammierung32 public void paint (Graphics g) { if ( !draw ) return; draw = false;

DVG1 - Grafikprogrammierung33 Methoden der Klasse WindowAdapter n void windowClosing(WindowEvent e) –definiert die Aktion beim Schließen des Fensters

DVG1 - Grafikprogrammierung34 public FunktionsGrafik09() { Panel Feld = new Panel(); Button Ende = new Button("Ende"); Button Redraw = new Button("Redraw"); Feld.add(Ende); Feld.add(Redraw); Ende.addActionListener(this); Redraw.addActionListener(this); add(Feld,BorderLayout.SOUTH); addWindowListener(new FensterBeenden()); } class FensterBeenden extends WindowAdapter { public void windowClosing(WindowEvent e) { System.exit(0); } }