Swing Mehrere transparentes Objekte (Grafiken) über einem Bild (JLabel) darstellen

[stroggi]

Hallo zusammen,

Zunächst einmal meine Ausgangssituation:
Ich ahbe ein JLabel, welches ich zur Anzeige eines Bildes verwende. Dieses JLabel ist wiederum in einem JScrollPane eingebettet.
"Über" diesem Bild sollen nun verschiedene Symbole plaziert werden, welche ich mit der Maus verschieben möchte. Derzeit funktioniert das zwar schon, allerdings eher weniger elegant und auch <Ironie> ein klein wenig </Ironie> Ineffizient. Für jedes plazierte Objekt merke ich mir im Grunde wo es (relativ zu dem Bild) gezeichnet werden soll und bei einem repaint des Bildes werden die einzelnen Symbole nachträglich per Graphics auf das JLabel gezeichnet. Die Symbole sind im Übrigen keine statischen Grafiken, sondern können z.B. die Farbe je nach eingestelltem Parameterwert ändern!

Nun habe ich mir gedacht, dass das doch mit Sicherheit auch einfacher geht. Evtl. mit einem (durchsichtigen) JPanel pro Symbol, welches "über" dem JLabel welches das Bild anzeigt palziert wird?

Mein Ziel ist es einfach, dass bei kleinen Änderungen an einem Symbol (Farbwechsel, Positionswechsel oder ähnliches) nicht das gesamte Bild neu gezeichnet, sondern eben nur die Position oder eben das Symbol aktueliesiert werden muss. Leider bin ich hierzu jedoch noch nicht fündig geworden.

Meine Frage wäre nun ob mir hier evtl. jemand dabei helfen kann und wie eine mögliche Lösung aussehen könnte.

 

[truesoul]

Hallo.

Was hast du den schon vorbereitet?

Grüße

 

[stroggi]

Hmm... was habe ich vorbereitet. Mit dieser Aussage kann ich leider relativ wenig anfangen, aber ich versuche mich mal daran:

Folgendes ist im groben meine Ausgangssituation:

LinkedList<Device> devices = new LinkedList<>()

JLabel imageLabel = new JLabel() {
        @Override
        public void paint(Graphics g) {
                super.paint(g);
              
                devices.forEach(device -> device.draw((Graphics2D)g));
    }
};

JPanel jImagePanel = new JPanel();
jImagePanel.setLayout(new GridBagLayout());
jImagePanel.add(imageLabel);
      
JScrollPane scrollPane = new JScrollPane(jImagePanel);

Für das Device sieht die Zeichenfunktion dann ähnlich aus wie hier:

public void draw(Graphics2D g2d) {
        BufferedImageicon = new BufferedImage(100, 100, BufferedImage.TYPE_INT_ARGB);
      
        updateIcon(icon);
      
        g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
      
        AffineTransform t = new AffineTransform();
        t.translate((double)iconPos.getX() / (double)scrollLevel,(double)iconPos.getY() / (double)scrollLevel);
        t.scale(1.0 / (double)scrollLevel, 1.0 / (double)scrollLevel);
  
        g2d.drawImage(icon, t, null);
}

private void updateIcon(BufferedImage icon) {
        Graphics2D g2d = (Graphics2D)icon.getGraphics();
        g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
      
        g2d.setColor(new Color(0, 0, 0, 0));
        g2d.fillRect(0, 0, icon.getWidth(), icon.getHeight());
      
        g2d.setColor(Color.BLACK);
        g2d.fillOval(0, 0, 100, 100);
      
        g2d.setColor(this.getColorRGB());
        g2d.fillOval(10, 10, 80, 80);
}

Es wird also jedes Device-Symbol zunächst auf ein separates Image gezeichnet, skaliert und dann auf das Hintergrundbild gezeichnet.
Wenn sich ein Device ändert muss das ganze Bild gezeichnet werden.

Ich suche nun nach einer Möglichkeit das Hintergrundbild statisch zu lassen, die einzelnen Devices auf separate Swing-Objekte zu packen (die idealerweise durchsichtig sein sollten) und nur die Devices neu zeichnen zu lassen, die sich auch tatsächlich geändert haben.

Ich hoffe es wurde dadurch etwas verständlicher.

 

[Harry Kane]

Nun habe ich mir gedacht, dass das doch mit Sicherheit auch einfacher geht. Evtl. mit einem (durchsichtigen) JPanel pro Symbol, welches "über" dem JLabel welches das Bild anzeigt palziert wird?

Ich sehe nicht, inwiefern das einfacher sein sollte. Deine Vorgehensweise, grafische Objekte auf einer JComponent direkt in der Methode zu zeichnen, die auch für das Zeichnen der JComponent verantwortlich ist, ist im Prinzip ok. Du solltest allerdings statt der paint- lieber die paintComponent-Methode überschreiben. Und wenn du nur zeichnen möchtest, kannst du auch JComponent erweitern. Dann besteht keine Gefahr, dass du irgendwann bei deinem JLabel einen Text setzt.
Deine Variante zum zeichnen der devices halte ich aber für arg kompliziert:
- Das device bekommt in seiner draw-Methode einen Graphics2D
- Das device erstellt ein BufferedImage mit festgelegter Größe, und übergibt dies an eine andere Methode
- In der anderen Methode wird der Graphics2D des BufferedImage beschafft und auf diesem gezeichnet.
- In der draw-Methode wird das geänderte BufferedIMage skaliert und auf den originalen Graphics2D gezeichnet.
Ich würde beim Erstellen eines Devices direkt das BufferedImage erstellen, darauf zeichnen, das BufferedImage als Instanzvariable im device speichern, und in der draw-Methode das BufferedImage nur noch skalieren und zeichnen.

 

[stroggi]

Ich würde beim Erstellen eines Devices direkt das BufferedImage erstellen, darauf zeichnen, das BufferedImage als Instanzvariable im device speichern, und in der draw-Methode das BufferedImage nur noch skalieren und zeichnen.

Ja, den Gedanken hatte ich auch bereits und das werde ich demnächst auch so umsetzen.

Allerdings hatte ich gehofft, dass ich mir zumindest für das Verschieben eines Objektes das komplette Neuzeichnen sparen könnte indem ich einfach das Panel (oder was auch immer) verschiebe. Hierzu muss ich dann ja nur die Position (relativ zum Bild) anpassen und nicht das komplette Bild + aller Objekte neu zeichnen lassen. Ich würde mir hierdurch durchaus einiges an Optimierung erhoffen.