5. Grafik

 

Grafik Kontext

Im letzten Kapitel haben Sie gesehen, wie in einer Java Applikation ein Fenster erstellt wird - leider war es noch leer. In diesem Kapitel sollen Sie lernen, wie graphische Elemente in ein solches Fenster eigefügt werden.

  • Erstellen Sie dazu in JCreator ein Projekt namens GrafikTest mit dem Template "Basic Java Application"
  • Editieren Sie die Datei GrafikTestFrame.java.
  • Ändern Sie den Kommentar am Anfang ab, z.B. an Stelle von "Sample Application..." "Beispiel für Grafik" und hinter @author Ihren Namen.
  • Was in das Fenster geschrieben oder gezeichnet werden soll, wird mit der Methode paint() festgelegt. Diese Methode gehört ganz an den Schluss, vor die letzte geschweifte Klammer:

    public void paint(Graphics g) {
      g.drawString("Hallo",100,100);
    }

  • Übersetzen Sie (Taste <F7>) und führen Sie aus (Taste <F5>) und Ihr Text sollte zu sehen sein.
  • Spielen Sie mit dem Text und den beiden Zahlen dahinter, aber seien Sie nicht erstaunt, wenn Sie den Text nicht mehr sehen!

Was bedeuten die beiden Zahlen?


 
Koordinaten

Sie haben es sicher bemerkt:

  1. Die erste Zahl ist die x Koordinate, die zweite y.
  2. Die Koordinaten geben die Position des ersten Zeichens an, Ecke unten links.
  3. Das Achsenkreuz ist in der Ecke oben links.
  4. Die x Koordinate geht nach rechts, y nach unten.

 

 
Grafik Methoden

Versuchen Sie sich jetzt auch an einer kleinen Zeichnung. Die nachfolgende Tabelle mit den wichtigsten Grafik Methoden sollen Ihnen helfen dabei.Ich hoffe, dass Sie selber herausfinden, wie die Methoden zu verwenden sind.

Einige Grafik - Methoden:
 Grafik:  Methode:
 Text  drawString(String str, int x, int y); 
 Linie  drawLine(int x1, int y1, int x2, int y2); 
 Rechteck:   drawRect(int x, int y, int width, int height); 
 rundes Rechteck:   drawRoundRect(int x, int y, int width, int height, int arcWidth, int arcHeight); 
 Oval  drawOval(int x, int y, int width, int height); 
 Bogen  drawArc(int x, int y, int width, int height, int startAngle, int arcAngle);

Ihr Fenster könnte dann z.B. so aussehen:

 

Drucken Sie das Blatt für die Besprechung.