Erste Schritte (SEHR mühsam); Grafiktest

[tomdest]

Hallo liebes Forum,

ich quäle mich gerade mit dem Einstieg in Java (reines Hobby, habe bisher in Delphi und VB geschrieben, damit kam ich sehr gut zurecht, jetzt würde mich Java aber doch mehr reizen; bisher habe ich zwei Bücher zum Thema Java, diverse Tutorials u. a.; Hauptproblem ist bei mir scheinbar der Umstieg von prozedural auf OOP...).

Das folgend Programm soll "einfach" bei Druck auf die Starttaste eine Grafik zeichnen, und bei der anderen Taste das Fenster schliessen.

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

public class Grafik extends JFrame {
  // Anfang Variablen
  private JButton jButtonStart = new JButton();
  private JButton jButtonEnde = new JButton();
  // Ende Variablen

  public Grafik(String title) {
    // Frame-Initialisierung
    super(title);
    addWindowListener(new WindowAdapter() {
      public void windowClosing(WindowEvent evt) { System.exit(0); }
    });
    int frameWidth = 300;
    int frameHeight = 300;
    setSize(frameWidth, frameHeight);
    Dimension d = Toolkit.getDefaultToolkit().getScreenSize();
    int x = (d.width - getSize().width) / 2;
    int y = (d.height - getSize().height) / 2 ;
    setLocation(x, y);
    Container cp = getContentPane();
    cp.setLayout(null);
    // Anfang Komponenten

    jButtonStart.setBounds(32, 176, 89, 49);
    jButtonStart.setText("Start");
    cp.add(jButtonStart);
    jButtonStart.addActionListener(new ActionListener() {
      public void actionPerformed(ActionEvent evt) {
        jButtonStartActionPerformed(evt);
      }
    });

    jButtonEnde.setBounds(168, 176, 89, 49);
    jButtonEnde.setText("Ende");
    cp.add(jButtonEnde);
    jButtonEnde.addActionListener(new ActionListener() {
      public void actionPerformed(ActionEvent evt) {
        jButtonEndeActionPerformed(evt);
      }
    });

    // Ende Komponenten

    setResizable(false);
    setVisible(true);

  }

  // Anfang Ereignisprozeduren
  public void jButtonStartActionPerformed(ActionEvent evt) {

  }

  public void jButtonEndeActionPerformed(ActionEvent evt) {
  System.exit(0);
  }

  // Ende Ereignisprozeduren

  public static void main(String[] args) {
    new Grafik("Grafik");

  }
  public void paint(Graphics g)
  {
  int x = 10, y = 80;
  int sizex, sizey = 0;

  while (x < 280 && y < 180) {
    sizex = 4 + (int) (Math.random() * 9);
    if (Math.random() > 0.5) {
      y += sizey;
      sizey = 4 + (int) (Math.random() * 6);
    } else {
      sizey = 4 + (int) (Math.random() * 6);
      y -= sizey;
    }
    g.drawRect(x,y,sizex,sizey);
    x += sizex;
    //repaint(); wäre rekursiv
  }
}
}

Probleme hierbei:
a) Die Tasten sieht man nur, wenn man mit der Maus ein bißchen im Fenster rumfährt.
b) repaint() oder Ähnliches an das Ereignis "Druck auf die Starttaste" hinzubekommen, schaffe ich überhaupt nicht.

Ich hoffe die Fragen sind a) nicht zu blöd und b) überhaupt statthaft hier.


Viele Grüße,

Tom

P.S.: Benutzt wird das JDK 1.5 und der Java-Editor (sonst hätte ich das mit den Buttons wahrscheinlich überhaupt nicht hinbekommen...)

 

[Illuvatar]

Zum Problem a): Die Buttons werden auch innerhalb von paint gezeichnet. Entweder - schöner, aber komplizierter, deshalb hier die Beschreibungs-Kurzversion - du machst dir eine neue Klasse extends JComponent, überschreibst da paint und machst setContentPane (instanzDeinerKlasse) oder du rufst am Ende in deiner paint-Methode

super.paint(g);

auf.

Zu b): Das ist ein Problem, das viele Anfänger haben Dazu gibt es auch einen FAQ-Beitrag, aber ob der dir gerade so weiterhilft weiß ich nicht. Das Problem ist: paint wird immer aufgerufen, wenn das System neuzeichnen will, da hast du keinen Einfluss drauf. Also muss paint zu jeder Zeit wissen, was es denn jetzt zeichnen soll. In deinem Fall wäre es z.B. sinnvoll, eine Variable anzulegen, die besagt, ob der Button schon gedrückt wurde, wenn ja, wird das Rechteck gezeichnet, wenn nicht, wird nichts gezeichnet.

 

[André Uhres]

Ich würde die Grafik erstmal auf ein Image zeichnen und in paintComponent(..) dann einfach nur das Image malen.
Ausserdem ist vom NullLayout dringendst abzuraten:

//package gui; 
/* 
* Grafik.java 
*/ 
import java.awt.*; 
import java.awt.event.*; 
import javax.swing.*; 

public class Grafik extends JFrame { 
    // Anfang Variablen 
    private JButton jButtonStart = new JButton(); 
    private JButton jButtonEnde = new JButton(); 
    private DrawingPanel drawingPanel = new DrawingPanel(); 
    private JPanel btnPanel = new JPanel(); 
    private Image image; 
    private Graphics2D g2d; 
    private Color bgd = new Color(255,255,204);//background 
    private Color fgd = new Color(206,3,45);//foreground 
    // Ende Variablen 
    
    public Grafik(final String title) { 
        // Frame-Initialisierung 
        super(title); 
        addWindowListener(new WindowAdapter() { 
            public void windowClosing(final WindowEvent evt) { System.exit(0); } 
        }); 
        setSize(700,400); 
        setLocationRelativeTo(null);//zum zentrieren des Frames 
        Container cp = getContentPane(); 
        // Anfang Komponenten 
        jButtonStart.setText("Start"); 
        btnPanel.add(jButtonStart); 
        jButtonStart.addActionListener(new ActionListener() { 
            public void actionPerformed(final ActionEvent evt) { 
                jButtonStartActionPerformed(evt); 
            } 
        }); 
        
        jButtonEnde.setText("Ende"); 
        btnPanel.add(jButtonEnde); 
        jButtonEnde.addActionListener(new ActionListener() { 
            public void actionPerformed(final ActionEvent evt) { 
                jButtonEndeActionPerformed(evt); 
            } 
        }); 
        cp.add(drawingPanel, BorderLayout.CENTER); 
        cp.add(btnPanel, BorderLayout.SOUTH); 
        // Ende Komponenten 
        
        addComponentListener(new ComponentAdapter() { 
            public void componentResized(ComponentEvent e) { 
                image = null; 
            } 
        }); 
        setVisible(true); 
        
    } 
    
    // Anfang Ereignisprozeduren 
    public void jButtonStartActionPerformed(final ActionEvent evt) { 
        //Neuen Thread starten, ergibt Animationseffekt.
        //Über den Start-Button kann man dann auch mehrer Grafikanimationen
        //schnell hintereinander starten, die dann alle gleichzeitig laufen:
        new Thread(new Runnable() { 
            public void run() { 
                drawPicture(); 
            } 
        }).start(); 
    } 
    
    public void jButtonEndeActionPerformed(final ActionEvent evt) { 
        System.exit(0); 
    } 
    
    // Ende Ereignisprozeduren 
    
    public static void main(final String[] args) { 
        new Grafik("Grafik"); 
        
    } 
    private void clearPicture(){ 
        //g2d ist der Graphics Kontext vom image: 
        g2d.setColor(bgd); 
        g2d.fillRect(0, 0, image.getWidth(null), image.getHeight(null)); 
        g2d.setColor(fgd); 
    } 
    private void drawPicture(){ 
        //erstmal die alte Grafik löschen: 
        clearPicture(); 
        //dann die neue Grafik auf das Image zeichnen: 
        int x = 10, y = 120; 
        int sizex, sizey = 0; 
        
        while (x < drawingPanel.getWidth()-15 && y < drawingPanel.getHeight()) { 
            sizex = 4 + (int) (Math.random() * 9); 
            if (Math.random() > 0.5) { 
                y += sizey; 
                sizey = 4 + (int) (Math.random() * 6); 
            } else { 
                sizey = 4 + (int) (Math.random() * 6); 
                y -= sizey; 
            } 
            //g2d ist der Graphics Kontext vom image: 
            g2d.drawRect(x,y,sizex,sizey); 
            x += sizex; 
            drawingPanel.repaint();//ruft paintComponent(..) vom DrawingPanel auf 
            //Zeitverzögerung in Millisekunden, für Animationseffekt: 
            try{Thread.sleep(30);}catch(InterruptedException ex){} 
        } 
    } 
    class DrawingPanel extends JPanel{ 
        //paintComponent im DrawingPanel hat gegenüber paint im JFrame den Vorteil, 
        //daß jeweils nur die Grafik neu gezeichnet wird und nicht die Buttons,
        //und daß die Animation ohne Störungen läuft:
        public void paintComponent(final Graphics g) { 
            //hier muss die folgende Anweisung in der Regel immer die allererste sein, 
            //sonst können visuelle Störungen auftreten: 
            super.paintComponent(g); //das offscreen Bild erstmal bereinigen 
            
            if (image == null) {  //image neu anlegen falls nicht vorhanden: 
                image = createImage(getSize().width, getSize().height); 
                g2d = (Graphics2D)image.getGraphics(); //der Graphics Kontext vom image
                g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, 
                        RenderingHints.VALUE_ANTIALIAS_ON); 
                clearPicture(); 
            } 
            // malt die Grafik vom Image auf's Panel: 
            Rectangle r = g.getClipBounds(); 
            g.drawImage(image, r.x, r.y, r.width+r.x, r.height+r.y, 
                    r.x, r.y, r.width+r.x, r.height+r.y, null); 
        } 
    } 
}

 

[tomdest]

:toll:
Recht herzlichen Dank!


Hat mich der Hinweis auf super.paint(g) und den FAQ-Artikel gestern nacht schon sehr weit gebracht, ist für mich als Voll-Newbie das Listing natürlich extrem wertvoll !

Werde ich jetzt a) geistig zerlegen, um es vollständig zu verstehen und b) als Ausgangplattform für weitere Experiment rund um das Thema Graphik benutzen (die bisher benutzte Graphik war Code aus dem Internet (um Fehler zu vermeiden)).

Nochmal: Danke an Alle!

Viele Grüße,

Tom

 

[André Uhres]

..ist für mich als Voll-Newbie das Listing natürlich extrem wertvoll !
Werde ich jetzt a) geistig zerlegen, um es vollständig zu verstehen ..

Frag ruhig nach, falls du über irgendwas stolperst.
Wir beantworten alle Fragen gern (sofern wir die Anwort wissen :wink: ).
Btw: herzlich willkommen im Forum

 

[tomdest]

...
Btw: herzlich willkommen im Forum

Danke!