MousePosition über mehrere JPanels darstellen

[redbomber]

Hi zusammen,
stellt euch vor ihr habt mehrere JPanels untereinander.
Wenn ich mit der Maus über einem der Panels bin, möchte ich einen senkrechten Strich an dieser Stelle über alle JPanels haben.

Meine Lösung -->
fange mouseMoved() Event von jedem Plot ab, setze für jedes JPanel die Position der Maus (Point) und rufe für jedes JPanel repaint(); auf.

Klappt auch alles, nur ist dieser senkrechte strich natürlich nicht ganz synchron, also wenn ich den über die Panels bewege, dann hängt der Strich bei manchen Panels etwas hinterher. sobald ich die Maus nicht mehr bewege passt aber alles.

Nun meine Frage:
Ist es möglich diesen Strich, welchen ich in der

public void paintComponent (Graphics g)
{
        super.paintComponent(g);
	final Graphics2D g2help = (Graphics2D) g;
	g2help.drawLine(mouseModel.getMousePointX(), 0, mouseModel.getMousePointX(), this.getHeight());
}

zeichne, irgendwie zu synchronisieren?

 

[hdi]

edit: viel blabla um nix

Dein Problem ist: Zuviel Zeichenaufwand, da kommt der EDT nicht hinterher.
Schau dir die Methode repaint(Rectangle) an!

edit2: Bedenke auch: Du musst nicht unbedingt bei JEDER mausbewegung repainten. Das menschliche Auge sieht eh nicht, ob sich das jede ms repaintet, oder jede 50 ms. Also bau dir nen counter/ticker ein, der nur repaintet wenn jedes zehnte mousemoved Event reingekommen ist oder eine gewisse Zeit ohne Event verstrichen ist.

 

[hdi]

So, ich hab dir mal was gemacht. Ist per copy & paste lauffähig. Das kann man sicherlich noch an der ein oder anderen Stelle besser ausdesignen, aber es erfüllt seinen Zweck. (Und zwar "lazy" dirty region repaint, bzw. Repaint nach einem Timelimit)

Die einzelnen farbigen Streifen im Programm sind jeweils eigene JPanels.

[HIGHLIGHT="Java"]
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Point;
import java.awt.Rectangle;
import java.awt.event.MouseEvent;
import java.awt.event.MouseMotionListener;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;

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

public class Demo extends JFrame {

public static void main(String... x) {
new Demo("Fast Repaint").setVisible(true);
}

public Demo(String title) {
super(title);

PanelRepainter repainter = new PanelRepainter();

JPanel all = new JPanel();
all.setLayout(new BoxLayout(all, BoxLayout.Y_AXIS));
for (int i = 0; i < 30; i++) {
all.add(new BspPanel(repainter));
}

this.add(all);
pack();
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setLocationRelativeTo(null);
}
}

class BspPanel extends JPanel implements LineDrawable, MouseMotionListener {

private static final Random r = new Random();

private int lineX;
private PanelRepainter repainter;

public BspPanel(PanelRepainter repainter) {
setPreferredSize(new Dimension(500, 20));
setBackground(new Color(r.nextInt(200), r.nextInt(200), r.nextInt(200)));
this.repainter = repainter;
repainter.register(this);

this.addMouseMotionListener(this);
}

@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
g.setColor(Color.red);
g.drawLine(lineX, 0, lineX, getHeight());
}

@Override
public void setLineX(int lineX) {
this.lineX = lineX;
}

@Override
public void mouseDragged(MouseEvent arg0) {
}

@Override
public void mouseMoved(MouseEvent e) {
repainter.fireMouseMoved(this, e);
}

}

class PanelRepainter {

/* Limit nach wievielen MouseMove Events repaintet werden soll */
private static final int EVENT_LIMIT = 10;
/*
* Limit nach wievielen ms spätestens repainted werden soll, falls kein
* MouseEvent mehr eingetreten ist
*/
private static final long TIME_LIMIT = 100;

private List<JPanel> panels;
private int ticker;
private long lastFired;
private int latestLineX;
private JPanel latestUsed;
private boolean updated;

public PanelRepainter() {
panels = new ArrayList<JPanel>();
this.beginSpectating();
}

public void register(JPanel p) {
panels.add(p);
}

public void beginSpectating() {
new Thread() {
@Override
public void run() {
while (true) {
if (!updated && latestUsed != null) {
/*
* wir müssen uns "mit Gewalt" selber den aktuellen Wert
* aus dem Panel ziehen, weil wir ja kein Event bekommen
*/
Point pos = latestUsed.getMousePosition();
if (pos != null) {
doRepaints(pos.x);
updated = true;
}
}
try {
Thread.sleep(TIME_LIMIT);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
}.start();
}

public void fireMouseMoved(JPanel src, MouseEvent e) {
if (++ticker == EVENT_LIMIT) {
doRepaints(e.getPoint().x);
ticker = 0;
}
latestUsed = src;
updated = false;
}

private void doRepaints(int newX) {
for (JPanel p : panels) {
((LineDrawable) p).setLineX(newX);
/* dirty region repaint: lösche alte Linie */
p.repaint(new Rectangle(latestLineX, 0, 1, p.getHeight()));
/* und zeichne neue: */
p.repaint(new Rectangle(newX, 0, 1, p.getHeight()));
}
lastFired = System.currentTimeMillis();
latestLineX = newX;
}
}

interface LineDrawable {
public void setLineX(int lineX);
}

[/HIGHLIGHT]

 

[Ebenius]

Gegenvorschlag: JLayeredPane.

1. 1 JLayeredPane mit OverlayLayout benutzen.
2. Ein JPanel mit allen Deinen PlotPanels auf das JLayeredPane draufpappen
3. Eine JComponent-Ableitung (siehe unten) auf das JLayeredPane draufpappen
4. Freuen, weil man eine schönere Lösung hat

[HIGHLIGHT="Java"]class MouseTrackingPane extends JComponent {

private int mouX = -1;
private int mouY = -1;

/** Creates a new {@code MouseTrackingPane}. */
public MouseTrackingPane() {
enableEvents(AWTEvent.MOUSE_EVENT_MASK);
enableEvents(AWTEvent.MOUSE_MOTION_EVENT_MASK);
setForeground(Color.RED);
}

@Override
protected void processMouseEvent(MouseEvent e) {
super.processMouseEvent(e);
updateMouseCoords(e);
}

@Override
protected void processMouseMotionEvent(MouseEvent e) {
super.processMouseMotionEvent(e);
updateMouseCoords(e);
}

private void updateMouseCoords(MouseEvent e) {
final int x = e.getX();
final int y = e.getY();
if (x != mouX || y != mouY) {
mouX = x;
mouY = y;
repaint();
}
}

@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);

if (isOpaque()) {
g.setColor(getBackground());
g.fillRect(0, 0, getWidth(), getHeight());
}

final Insets ins = getInsets();
final int left = ins.left;
final int top = ins.top;
final int right = getWidth() - left - ins.right;
final int bottom = getHeight() - top - ins.bottom;
g.setColor(getForeground());
g.drawLine(left, mouY, right, mouY);
g.drawLine(mouX, top, mouX, bottom);
}
}[/HIGHLIGHT]
Ebenius

 

[hdi]

Freuen, weil man eine schönere Lösung hat

Hmmm.... YouTube - Family Guy - Stewie Beats Brian

...macht er meine Bemühungen in ein paar Zeilen zu Nichte. that's what happens

 

[redbomber]

ui

vielen Dank euch beiden, also war mein ansatz mal wieder ziemlich...ineffizient
Ich probier das morgen gleich einmal aus und melde mich bestimmt wieder.

 

[redbomber]

sorry aber mit dem overlaylayout komme ich nicht klar:

public class MainLayeredPane extends JLayeredPane{

	protected Model model = null;
	protected MouseModel mouseModel = null;
	
	protected MouseTrackingPane mtp = null;

	public MainLayeredPane(Model model, MouseModel mouseModel){
		this.model = model;
		this.mouseModel = mouseModel;
                // HIERMIT SETZE ICH DAS OVERLAY LAYOUT FÜR MEINE JLAYEREDPANE
		OverlayLayout overlay = new OverlayLayout(this);
		this.setLayout(overlay);
	}
	
	/**
	 * add all plots to the JPanel.
	 * @param plotManager
	 * @param model
	 * @param mainPanel
	 * @param preferredHeight
	 * @param widthOfPlots
	 * @return
	 */
	public void addAllPlots() {

        // panel ist mein Panel, welches ich auf meine JLayeredPane draufpappe

		JPanel panel = new JPanel();
		panel.setLayout(new GridLayout(0,1));
		
		for (PlotData plotData : model.getListOfAllPlotDatas()) {
			
			MyPlot plot = new MyPlot(plotData, mouseModel, model);
			plot.setMinMaxValues();
			plotData.setPlotOfDataPlot(plot);
			panel.add(plot);
			model.addPlotToPlotlist(plot);
		}
	
// Hier pappe ich zuerst das Panel (welches wiederum viele Panels enthält) und dann das MouseTrackingPanel auf // meine JLayeredPane	

		this.add(panel);
	
		mtp = new MouseTrackingPane();
		this.add(mtp);
	}
}

Aber das ganze funktioniert nicht. Woran sehe ich wo sich das MouseTrackingPanel befindet?
Ist dieses unsichtbar im vordergrund?
Im Java tutorial wurde wie hier beschrieben vorgegangen: setze OverlayLayout für JLayeredPane, dann füge Panels hinzu und das wars...!?

 

[Ebenius]

Warum das bei Deinem Beispiel nicht geht, weiß ich nicht. Hier ist mein Test-Quelltext:

int rows = 5;
int cols = 5;
final JPanel panel = new JPanel();
panel.setLayout(new GridLayout(rows, cols));

for (int i = 0; i < cols; i++) {
  for (int j = 0; j < rows; j++) {
    final JPanel comp = new JPanel(new FlowLayout());
    final int val =
          ((j % 2) == 0 ? 1 : 2) * ((i % 2) == 0 ? 1 : 2) * 64 - 1;
    final Color bg = new Color(val, val, val);
    comp.setBackground(bg);
    comp.setForeground(Color.BLACK);
    comp.setOpaque(true);
    comp.setPreferredSize(new Dimension(70, 70));
    panel.add(comp);
  }
}

final JLayeredPane layeredPane = new JLayeredPane();
layeredPane.setLayout(new OverlayLayout(layeredPane));
layeredPane.add(panel, new Integer(1));
layeredPane.add(new MouseTrackingPane(), new Integer(2));

final JFrame f = new JFrame("Mouse Tracking");
f.getContentPane().add(layeredPane);
f.pack();
f.setLocationRelativeTo(null);
f.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
f.setVisible(true);

Ebenius

 

[redbomber]

also jetzt gehts!

Vielen Dank!
Es hat nur bei dem
add(panel) der index gefehlt,

also add(panel, new Integer(1));

 

[Gast2]

Benutz

Integer.valueOf(1)

 

[mvitz]

Und wieso nicht einfach?

add(panel, 1);

??? Neben Object kann man dort auch einfach int verwenden.

 

[Ebenius]

Und wieso nicht einfach?

add(panel, 1);

??? Neben Object kann man dort auch einfach int verwenden.

Das sind unterschiedliche Dinge. Das Object identifiziert ein Layout Constraint. Das int nur die Komponenten-Reihenfolge und das Layout Constraint ist null. Siehe java.awt.Container:

public Component add(Component comp, int index) {
    addImpl(comp, null, index);
    return comp;
}

Ebenius

 

[redbomber]

Ich habe hier noch eine Frage zu einem Problem auf das ich gestoßen bin:

Ich habe bei mir folgende Struktur:

-> JDialog (Hauptfenster)
--> JScrollPane
--> JLayeredPane -> OverlayLayout
--> JPanel
--> Ein oder mehere Panels (stellen einen Plot von Daten dar)

Für kleine Daten (bis etwa 30000 Datenpunkte) klappt alles wunderbar. Für größere Datenmengen (bei mir sind es 11Mio) kommt es zu folgendem Problem:

Die JLayeredPane, sowie das JPanel, welches die PlotPanels enthält, werden zu klein dargestellt. Bzw. es wird nicht einmal etwas gezeichnet, sehe nur das weiße Panel.
Größe habe ich von allen Komponenten gesetzt (immer setSize() und setPreferredSize()) trotzdem diese Problem.

So, daraufhin habe ich das OVERLAYLAYOUT der JLayeredPane entfernt und einfach ein NULL Layout gewählt. Dann funktioniert alles. Aber ich brauche dieses Layout ja, da ich die Maus Position über alle Panels anzeigen möchte.


Nun meine Frage, woran kann das liegen daß die Darstellung für große Datenmengen nicht mehr funktioniert? Wieso gehts aber bei kleinen?
Wieso funktioniert alles wenn ich das OverlayLayout NICHT verwende?

 

[Ebenius]

Mach mal zwei ScreenShots. Einen wo's funktioniert und einen wo's nicht funktioniert.

Ebenius