Viereck zeichnen über TextField-Eingabe /ActionListener

[razor91]

Hallo
Folgendes Problem:

Ich muss ein Programm schreiben, welches das Heron-Verfahren visualisiert.
Dazu habe ich schon das Layout mit den Buttons und den Eingabefeldern fertig:

/******************************************************************************
* Ein Programm zur Visualisierung des Heron-Verfahrens
* @author: Christian Pankraz
*****************************************************************************/

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


public class Heron1 extends JFrame{

  JPanel radi, naeher, veck; //Die 3 Panels

  JLabel lab_zahl, lab_nah;  //Die Informationen zu den Feldern

  JTextField tf_zahl, tf_nah;   // Die 2 Eingabefelder

  JButton bu_next;              //Der "Naechster Schritt"-Button
  
  
  public Heron1() { // Hier wird das Layout des Programms entworfen
    super();
    this.setTitle("Das Heron-Verfahren");
    this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      
    baue_gui();
    
    
  } // Ende Konstruktor
   void baue_gui(){

    radi=new JPanel();   //Hier kann der Radikant ausgewählt werden

    lab_zahl=new JLabel("Gib die zu bearbeitende Zahl ein:");
    tf_zahl=new JTextField("",4);

    radi.add(lab_zahl);
    radi.add(tf_zahl);      //Die Elemente werden zum Panel hinzugefügt



    naeher=new JPanel();   //Hier kann der 1.Neaherungswert eingegeben werden
    lab_nah=new JLabel("Gib einen 1. Näherungswert an:");
    tf_nah=new JTextField("",5);
    bu_next=new JButton("Weiter");
    veck=new JPanel();
    veck.setPreferredSize(new Dimension(580,580));
    veck.setBorder(BorderFactory.createLineBorder(Color.BLACK, 3));
    

    naeher.add(lab_nah);
    naeher.add(tf_nah);
    naeher.add(bu_next);    //Die Elemnte werden zum Panel hinzugefügt
    
   
    
    
    this.setPreferredSize(new Dimension(600,665));
    this.setLayout(new FlowLayout());
    this.add(radi);
    this.add(naeher);
    this.add(veck);
    this.pack();
    this.setVisible(true);
    }


    
    public static void main (String [] args) {
    Heron1 Heron = new Heron1();
    }
  }

Was ich jetzt noch brauche:
Wie kann ich machen, dass das Programm ein Viereck mit den Eingegeben Maßen zeichnet sobald ich auf den Button klicke? (in das "veck"-Panel)

Die Maße müssen sein:
Breite: Wert von "tf_nah"
Höhe: Wert von "tf_zahl"/"tf_nah"

Was ich weiß, ist, dass ich ein Rechteck mit

g.drawRect(x, y, Breite, Höhe);

zeichnen kann. Ich weiß aber nicht wie ich dort über das TextField die Daten einlesen kann.

Ich weiß, dass das über den ActionListener geht, allerdings nicht wie
(bis auf das " *element*.addActionListener(*name des A.L.*); " bei den Button und den TextFields).

Ich hoffe ihr versteht was ich brauche und könnt mir helfen .

 

[function]

du nimmst einen button und fügst diesem ein actionlistener hinzu, der sich dann die daten der textfelder holt und das ganze zeichnen läßt mit den daten.
How to Write an Action Listener (The Java™ Tutorials > Creating a GUI With JFC/Swing > Writing Event Listeners)

 

[razor91]

ja wie das in der theorie funktioniert weiß ich
habe das, was du mir gesagt hast ja schon im 1. post geschrieben.
nur weiß ich nicht wie ich dann ein Viereck zeichnen kann.
einfach mit getText() ? oder wie?

 

[AmunRa]

Naja ein Viereck zeichnet man mit

Graphics g
g.drawRect()


dazu musst du dir mal das Tutorial hier in den FAQ durchlesen da wird das echt gut beschrieben.

 

[razor91]

ok, habe mir jetzt das ein oder andere durchgelesen, was eventuell in meine Richtung gehen könnte, aber 1. nichts gefunden was mir weitergeholfen hat
und 2. von dem was ich gelesen habe (vor allem das mit dem Listener & Events) überhaupt nichts verstanden, weil das für mich viel zu kompliziert beschrieben ist.

Also kann mir jemand weiterhelfen und erklären wie ich denn jetzt ein Viereck durch Eingabe zeichnen lassen kann?

 

[AmunRa]

Was bitte ist ganau dein Problem

Das Zeichnen, dann solltest du dir wirklich zuerst die Grundlagen für Zeichnen ansehen dazu gibts wie bereits gesagt das Tutorial hier im Forum.

Oder ist dein Problem das auslesen der Daten aus deinem Textfeld?
Integer.parseInt()

oder der korrekte Umgang mit einem Listener?

Schreib wo genau dein Problem ist und es wird dir wer helfen.

 

[razor91]

irgenwie habe ich das gefühl, dass ich mich ständig wiederholen muss.

Ich weiß NICHT wie ich ein Viereck zeichnen lassen kann durch eine Eingabe und dem Button-klick.
Ich weiß NICHT wie ich das mit dem ActionListener machen soll.
Ich weiß aber, dass ich einfach mit drawRect(x,y,breite,höhe) (oder so ähnlich) ein für den User unveränderbares Viereck zeichnen kann.

Also wie mache ich, dass Franz 2 Zahlen eingibt, auf den Button "Weiter" klickt und dann ein Viereck gezeichnet wird, das den eingegebenen Zahlen-Werten entspricht (höhe, breite) ?

 

[AmunRa]

So ich hab dir mal ein testprogram geschreiben

Mit den Listenern, funktionier das so.
Wenn du auf den Button Klickst, ruft der Button bei eimen ActionListener die Methode actionPerformed auf. Da der Button aber nicht weisbei welchem Listenern er das machen muss, musst du im mit der Methode addActionListener den Listener bekannt geben.
Da es keine vorgeschriebenen Listener gibt die genau das machen was du willst musst du dir zuerst selbst einen schreiben. Dazu gibt es mehrer Wege einen Davon hab ich da unten verwendet:
Du lässt deinen Klasse das Interface ActionListener erben. Dies bedeutet dann, das deine Klasse auch ein ActionListener ist. daraufhin musst du die actionPerformed methode überschreiben. wenn du nun zu deinem Button den ActionListener hinzufügst (addActionListener), wird nun immer die actionPerformed Methode aufgerufen.

Das Zeichnen deines Rechtecks geht am einfachsten,wenn du dir eine eigenen Klasse erzeugst die die Aufgabe des Zeichnens übernimmt. Das ist in dem Beispiel darunter die MyPanel -Klasse, die von JPanel abgeleitet ist. Dort habe ich die paintComponent Methode überschireben und das zeichnen des Rechtecks eingefügt. solange von dieser Klasse die Methode drawRect nicht aufgerufen wird wird auch nichts gezeichnet.

Die DrawRectMethode wird in der selbstgeschriebenen Methode actionPerformed des ActionListeners aufgerufen, und diese übergibt zwei Int Werte als Parameter.
(Breite und Höhe)

Die Zwei Parameter hollt er sich aus dem TextFeld. Er liest den String aus den TextFeldern aus mit getText und parst diese dann zu einem int (Integer.parseInt)
ACHTUNG: wenn du jetzt bei meinem Beispeil einen Buchstaben in dasTextFeld eingibst und den Button drückst stürzte das Programm ab.

So ich hoffe das hilft dir ein bisschen weiter

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;


public class Test extends JFrame implements ActionListener{
	MyPanel drawPanel;
	JTextField txt1,txt2;
	public static void main(String[] args){
		new Test();
	}
	
	
	public Test(){
		super ("Test Frame");
		this.setSize(500,500);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		
		JPanel panel = new JPanel();
		txt1= new JTextField();
		txt1.setPreferredSize(new Dimension(150,30));
		txt2= new JTextField();
		txt2.setPreferredSize(new Dimension(150,30));
		panel.add(txt1);
		panel.add(txt2);
		
		JButton button= new JButton("Weiter");
		button.addActionListener(this);  //  <-- Hier sagst du dem Actionlistener, 
											//	 das er reagieren soll wenn dieser Button gedrückt wird
		panel.add(button);
		this.getContentPane().setLayout(new BorderLayout());
		this.getContentPane().add(panel, BorderLayout.NORTH);
		
		this.setVisible(true);
		
		drawPanel= new MyPanel();
		this.getContentPane().add(drawPanel, BorderLayout.CENTER);

	}


	@Override
	public void actionPerformed(ActionEvent arg0) {
		drawPanel.drawRect(Integer.parseInt(txt1.getText()),Integer.parseInt(txt2.getText()));
		
	}
	
}

import java.awt.Graphics;

import javax.swing.JPanel;


public class MyPanel extends JPanel {
	
	int w,h;
	boolean drawRect=false;
	public void drawRect(int a, int b) {
		w=a;
		h=b;
		drawRect=true;
		repaint();
		
	}
	
	
	
	protected void paintComponent(Graphics g){
		super.paintComponent(g);
		
		if (drawRect){
			g.fillRect(20,20,w,h);
		}
	}

}

 

[razor91]

Also erstmal auf jeden Fall danke, genau das, was ich gebraucht habe.

Kurze Frage noch: Wie mache ich das ganze (komplett) ohne BorderLayout?

Wenn ich das komplett mit FlowLayout mache, sehe ich nichts vom Viereck....

Das ist, was ich bis jetzt habe:

/******************************************************************************
* Ein Programm zur Visualisierung des Heron-Verfahrens
* @author: 
*****************************************************************************/

import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.*;


public class Heron1 extends JFrame implements ActionListener{

  JPanel radi, naeher; //Die 2 Panels

  JLabel lab_zahl, lab_nah;  //Die Informationen zu den Felder

  JTextField tf_zahl, tf_nah;   // Die 2 Eingabefeldern

  JButton bu_next;              //Der "Naechster Schritt"-Button
  
  MyPanel veck;
  
  public Heron1() { // Ab hier wird das Layout des Programms entworfen
    super();
    this.setTitle("Das Heron-Verfahren");
    this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      
    baue_gui();
    
    
  } // Ende Konstruktor
   void baue_gui(){

    radi=new JPanel();   //Hier kann der Radikant ausgewählt werden

    lab_zahl=new JLabel("Gib die zu bearbeitende Zahl ein:");
    tf_zahl=new JTextField("",4);

    radi.add(lab_zahl);
    radi.add(tf_zahl);      //Die Elemente werden zum Panel hinzugefügt



    naeher=new JPanel();   //Hier kann der 1.Neaherungswert eingegeben werden
    lab_nah=new JLabel("Gib einen 1. Näherungswert an:");
    tf_nah=new JTextField("",5);
    bu_next=new JButton("Weiter");
    bu_next.addActionListener(this);

    naeher.add(lab_nah);
    naeher.add(tf_nah);
    naeher.add(bu_next);    //Die Elemnte werden zum Panel hinzugefügt
    


    veck=new MyPanel();

    
    this.setPreferredSize(new Dimension(600,665));
    this.setLayout(new FlowLayout());
    this.add(radi);
    this.add(naeher);
    this.add(veck);
    this.pack();
    this.setVisible(true);
    }


    
    public static void main (String [] args) {
    new Heron1();
    }
    @Override
    public void actionPerformed(ActionEvent arg0) {
        veck.drawRect(Integer.parseInt(tf_zahl.getText()),Integer.parseInt(tf_nah.getText()));
    }

  }

 

[AmunRa]

Ich würd auf die schnelle mal sagen das geht ohne Border Layout gar nicht