Swing Elemente auf Zeichenfeld verschieben

[Kaffeebohn]

Hallo zusammen,

ich möchte mit Swing ein Programm bastlen, welches eine "Zeichenfläche" besitzt, auf der man kleine Kästchen anlegen kann (So in der Art wie Notizen). Die Position soll man frei bestimmen können und das Kästchen auch nachher wieder verschieben mit der Maus. Mehrere Kästchen soll man frei verbinden können mit Linien. Ich denke grundsätzlich ist klar was ich meine.

Allerdings fehlt mir ein Einstiegspunkt womit man sowas eigentlich löst. Könnt ihr mir vielleicht nen Tipp geben? Habe jetzt einiges zu Drag and Drop gefunden, aber das hilft mir nicht so weiter.

Danke und Grüße,

Kaffeebohn

 

[Michael...]

Dazu folgende Stichpunkte:

Die Objekte kann man innerhalb der paintComponent(Graphics g) einer JComponent zeichnen, siehe z.B
Grafikprogrammierung aus der "JavaInsel"

Das Verschieben kann mittels MouseMotionListener realisiert werden.

 

[carolin]

Hallo,

ich habe sowas schon programmiert (allerdings mit einem anderen Hintergrund).
Meine Lösung war mittels DnD, die Linien zeichne ich indem ich die paintComponent()-Methode überschreibe.

Was genau ist denn dein Problem bei Dnd? Und welche Ansätze hast du schon? (z.b. durch welche Komponenten willst du die einzelnen Sachen realisieren?)

 

[Kaffeebohn]

Hi zusammen,

Danke erstmal für eure Antworten.

Derzeit versuche ich es halbwegs erfolgreich über JPanels und den MouseMotionListener. Ich habe also ein Panel, in dieses füge ich ein neues JPanel hinzu, welches einen MouseMotionListener implementiert und beim Draggen immer die Position aktualisiert. das funktioniert im Prinzip schon sehr gut. Leider habe ich noch ziemliche Probleme damit, die neue Position zu berechnen. Ich schaffe es bisher nur, die JPanels so zu verschieben, als würde man sie exakt bei den Koordinaten (0/0) greifen.

Liebe Grüße,
Kaffeebohn

 

[Michael...]

Über einen MouseListener und mit mouseClicked() kannst Du ja ermitteln, wo die Maus zum Start der Verschiebung gesetzt wurde.

 

[Kaffeebohn]

Mein Problem ist derzeit, wie ich dem MouseMotionListener die Position der Maus relativ zum übergeordneten Panel durchgeben kann. Wenn ich mit getYOnScreen() arbeite funktioniert es zwar, da ich dann eine absolute Position erhalte, aber das bringt mich nicht weiter da man ja auch das Fenster verschieben können soll.

Edit: Vielleicht kurz das Code-Beispiel dazu:

public void mouseDragged(MouseEvent me) {
		
		int dragX, dragY, dragXOS, dragYOS;
		
		Component dragComponent = (Component)me.getSource();
		
		  dragX = me.getX();
		  dragY = me.getY();
		  
		  
		  
		  dragXOS = me.getXOnScreen();
		  dragYOS = me.getYOnScreen();
		  

		  
		  dragComponent.setBounds((dragXOS), dragYOS, dragComponent.getWidth(), dragComponent.getHeight());

 

[Michael...]

Ich würde sowieso nur mit Listenern auf den übergeordneten Panel arbeiten - und die Objekte selbst definieren anstelle von JPanel zu erben.
Hab hier mal was auf die Schnelle runtergeschrieben, wie ich an die Sache rangehen würde (hat ohne Frage noch Verbesserungspotential, aber mehr war in 20 Minuten nicht drin)

import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Point;
import java.awt.Rectangle;
import java.awt.Stroke;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseMotionListener;
import java.util.ArrayList;
import java.util.List;

import javax.swing.JFrame;
import javax.swing.JPanel;

public class BoxDragging {
	
	public static void main(String[] s) {
		JFrame frame = new JFrame();
		frame.setBounds(0, 0, 500, 500);
		frame.setLocationRelativeTo(null);
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		frame.getContentPane().add(new BoxDragging().new BoxPanel());
		frame.setVisible(true);
	}
	
	class BoxPanel extends JPanel {
		private List<Box> boxList;
		private int currentBox = -1;
		private Point clickPoint;
		private Point position;
		
		public BoxPanel() {
			boxList = new ArrayList<Box>();
			Box box = new Box(50, 50);
			box.setLocation(50, 50);
			boxList.add(box);
			
			this.addMouseListener(new MouseListener() {
				public void mouseClicked(MouseEvent e) {}
				public void mouseEntered(MouseEvent e) {}

				public void mouseExited(MouseEvent e) {
					currentBox = -1;
				}

				public void mousePressed(MouseEvent e) {
					for (int i=boxList.size()-1; i>=0; i--) {
						clickPoint = e.getPoint();
						Box box = boxList.get(i);
						if (box.getBounds().contains(clickPoint)) {
							currentBox = i;
							position = new Point(box.getBounds().x, box.getBounds().y); 
							return;
						}
					}
				}

				public void mouseReleased(MouseEvent e) {
					currentBox = -1;
				}
			});
			
			this.addMouseMotionListener(new MouseMotionListener() {
				public void mouseDragged(MouseEvent e) {
					if (currentBox!= -1) {
						Box box = boxList.get(currentBox);
						Point p = e.getPoint();
						box.setLocation(position.x + (p.x - clickPoint.x), position.y + p.y - clickPoint.y);
						repaint();
					}
				}

				public void mouseMoved(MouseEvent e) {}
			});
		}
		
		public void addBox(Box box) {
			this.boxList.add(box);
			this.repaint();
		}
		
		public void paintComponent(Graphics g) {
			super.paintComponent(g);
			for (Box box: boxList)
				box.paintComponent(g);
		}
	}
	
	class Box {
		private int x, y;
		private int width, height;
		private Stroke stroke = new BasicStroke(3);
		private Rectangle bounds;
		
		public Box(int width, int height) {
			this.width = width;
			this.height = height;
			this.setLocation(0, 0);
		}
		
		public void setLocation(int x, int y) {
			this.x = x;
			this.y = y;
			bounds = new Rectangle(x, y, width, height);
		}
		
		public Rectangle getBounds() {
			return bounds;
		}
		
		public void paintComponent(Graphics g) {
			Graphics2D g2 = (Graphics2D)g.create();
			g2.setStroke(stroke);
			g2.setColor(Color.WHITE);
			g2.fillRoundRect(x, y, width, height, 5, 5);
			g2.setColor(Color.DARK_GRAY);
			g2.drawRoundRect(x, y, width, height, 5, 5);
			g2.dispose();
		}
	}
}

 

[Kaffeebohn]

Hi Michael...,


Vielen Dank für deine Mühe. Ich hab mir dein Code-Beispiel jetzt angeschaut und ein bisschen damit rumexperimentiert und es funktioniert soweit auch gut. Leider bin ich mit dem zeichnen eigener Komponenten nicht gerade vertraut und ich weiß noch nicht so genau ob ich auch die Fenster, die ich mir wünsche, hinbekomme (das wäre mit vielen kleinen JPanels wohl einfacher gewesen) aber ich arbeite dran

Liebe Grüße,
Kaffeebohn

 

[Michael...]

Grundsätzlich kann man damit auch JPanels zeichnen. Wie man das ganze umsetzt hängt auch davon ab was man genau vorhat.