Malen in Swing Teil 2: ein einfaches Malprogramm - Versionsgeschichte

L-ectron-X am 22. Dezember 2018 um 10:25 Uhr

2018-12-22T10:25:57Z

← Nächstältere Version		Version vom 22. Dezember 2018, 10:25 Uhr
Zeile 292:		Zeile 292:
	* [https://forum.byte-welt.net/t/ein-zeichenprogramm-tutorial/19729 Ein Zeichenprogramm - Tutorial (von Beni & Roar)]		* [https://forum.byte-welt.net/t/ein-zeichenprogramm-tutorial/19729 Ein Zeichenprogramm - Tutorial (von Beni & Roar)]

	~~[[Kategorie:Java]]~~
	[[Kategorie:Tutorials (Java)]]		[[Kategorie:Tutorials (Java)]]
			[[Kategorie:Java 2D]]
	[[Kategorie:Swing]]		[[Kategorie:Swing]]

L-ectron-X am 9. März 2018 um 18:53 Uhr

2018-03-09T18:53:13Z

← Nächstältere Version		Version vom 9. März 2018, 18:53 Uhr
Zeile 12:		Zeile 12:
	Dabei wird repaint(x,y,brushSize,brushSize) mehrfach in einer Schleife aufgerufen:		Dabei wird repaint(x,y,brushSize,brushSize) mehrfach in einer Schleife aufgerufen:

	<~~code~~=java> @Override		<syntaxhighlight lang="java"> @Override
	public void mouseDragged(final MouseEvent e) {		public void mouseDragged(final MouseEvent e) {
	double xDelta = e.getX() - lastPoint.getX();		double xDelta = e.getX() - lastPoint.getX();
Zeile 38:		Zeile 38:
	drawingPanel.repaint(x, y,brushSize, brushSize); //<<---------------------		drawingPanel.repaint(x, y,brushSize, brushSize); //<<---------------------
	}		}
	</~~code=java~~>		</syntaxhighlight>

	Erfolgen mehrfache repaint() Aufrufe auf einer Komponente bevor der erste Antrag verarbeitet wird, kann der Swing Repaintmanager die mehrfachen Anträge zu einem einzigen Aufruf zusammenfassen. Genauer gesagt: der RepaintManager wird eine Serie von Malanträgen dann zusammenfassen, wenn der "Anführer" der Serie schon mit invokeLater verschickt wurde, aber noch nicht auf dem EDT verarbeitet wurde (der Vorgang bleibt also "threadsafe"). Wenn mehrfache Anträge zusammengefasst werden, ist das resultierende Cliprechteck gleich der Vereinigung der Rechtecke, die in den zusammengefassten Anträgen enthalten sind.		Erfolgen mehrfache repaint() Aufrufe auf einer Komponente bevor der erste Antrag verarbeitet wird, kann der Swing Repaintmanager die mehrfachen Anträge zu einem einzigen Aufruf zusammenfassen. Genauer gesagt: der RepaintManager wird eine Serie von Malanträgen dann zusammenfassen, wenn der "Anführer" der Serie schon mit invokeLater verschickt wurde, aber noch nicht auf dem EDT verarbeitet wurde (der Vorgang bleibt also "threadsafe"). Wenn mehrfache Anträge zusammengefasst werden, ist das resultierende Cliprechteck gleich der Vereinigung der Rechtecke, die in den zusammengefassten Anträgen enthalten sind.
Zeile 45:		Zeile 45:

	Diese Zeile:		Diese Zeile:
	<~~code~~=java>drawingPanel.getG2d().fillOval(x, y,brushSize, brushSize);</~~code=java~~>		<syntaxhighlight lang="java">drawingPanel.getG2d().fillOval(x, y,brushSize, brushSize);</syntaxhighlight>
	holt mit '''getG2d()''' nicht das Graphics Objekt der Komponente, sondern das Graphics Objekt des '''Bildes'''. In paintComponent wird dann mit "drawImage" das Bild auf das Graphics Objekt der Komponente übertragen, wie der folgende Abschnitt zeigt. Daher auch der Name des Hauptprogramms "DrawOnImage". Man spricht in diesem Fall auch von der "passiven Maltechnik".		holt mit '''getG2d()''' nicht das Graphics Objekt der Komponente, sondern das Graphics Objekt des '''Bildes'''. In paintComponent wird dann mit "drawImage" das Bild auf das Graphics Objekt der Komponente übertragen, wie der folgende Abschnitt zeigt. Daher auch der Name des Hauptprogramms "DrawOnImage". Man spricht in diesem Fall auch von der "passiven Maltechnik".

Zeile 53:		Zeile 53:
	Wenn deine Komponente einfach ist -- zum Beispiel, wenn es eine Drucktaste ist -- dann ist sie die Mühe nicht wert, die Darstellung zu bearbeiten, um nur den Teil zu malen, der das Cliprechteck überschneidet; es ist vorzuziehend, die gesamte Komponente zu malen und die Graphics passend einschränken zu lassen. Wenn du jedoch eine Komponente mit komplizierter Ausgabe erzeugt hast, wie eine Textkomponente, dann ist es notwendig, dass dein Code die Clipinformationen gebraucht, um den Umfang der Darstellung einzuschränken. Die Methode Graphics#getClipBounds gibt uns Zugriff auf das Cliprechteck:		Wenn deine Komponente einfach ist -- zum Beispiel, wenn es eine Drucktaste ist -- dann ist sie die Mühe nicht wert, die Darstellung zu bearbeiten, um nur den Teil zu malen, der das Cliprechteck überschneidet; es ist vorzuziehend, die gesamte Komponente zu malen und die Graphics passend einschränken zu lassen. Wenn du jedoch eine Komponente mit komplizierter Ausgabe erzeugt hast, wie eine Textkomponente, dann ist es notwendig, dass dein Code die Clipinformationen gebraucht, um den Umfang der Darstellung einzuschränken. Die Methode Graphics#getClipBounds gibt uns Zugriff auf das Cliprechteck:

	<~~code~~=java> @Override		<syntaxhighlight lang="java"> @Override
	public void paintComponent(final Graphics g) {		public void paintComponent(final Graphics g) {
	super.paintComponent(g);		super.paintComponent(g);
Zeile 64:		Zeile 64:
	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);		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);
	}		}
	</~~code=java~~>		</syntaxhighlight>
	Der drawImage(..)-Aufruf, mit den angegebenen Parametern, zeichnet nur den Teil des Bildes neu, der sich mit dem Cliprechteck überschneidet. Man spricht in diesem Zusammenhang auch von der "intelligenten Maltechnik" (smart painting).		Der drawImage(..)-Aufruf, mit den angegebenen Parametern, zeichnet nur den Teil des Bildes neu, der sich mit dem Cliprechteck überschneidet. Man spricht in diesem Zusammenhang auch von der "intelligenten Maltechnik" (smart painting).

	==Gesamter Quellcode==		==Gesamter Quellcode==
	<~~code~~=java>		<syntaxhighlight lang="java">
	import javax.swing.*;		import javax.swing.*;
	import java.awt.*;		import java.awt.*;
Zeile 148:		Zeile 148:
	}		}

	</~~code=java~~>		</syntaxhighlight>
	<~~code~~=java>		<syntaxhighlight lang="java">
	import java.awt.Point;		import java.awt.Point;
	import java.awt.event.MouseEvent;		import java.awt.event.MouseEvent;
Zeile 196:		Zeile 196:
	}		}
	}		}
	</~~code=java~~>		</syntaxhighlight>
	<~~code~~=java>		<syntaxhighlight lang="java">
	import java.awt.*;		import java.awt.*;
	import javax.swing.*;		import javax.swing.*;
Zeile 287:		Zeile 287:
	}		}
	}		}
	</~~code=java~~>		</syntaxhighlight>

	=Weitere Tutorials=		=Weitere Tutorials=

L-ectron-x am 1. Februar 2018 um 06:13 Uhr

2018-02-01T06:13:43Z

← Nächstältere Version		Version vom 1. Februar 2018, 06:13 Uhr
Zeile 288:		Zeile 288:
	}		}
	</code=java>		</code=java>

			=Weitere Tutorials=
			* [https://forum.byte-welt.net/t/ein-zeichenprogramm-tutorial/19729 Ein Zeichenprogramm - Tutorial (von Beni & Roar)]

	[[Kategorie:Java]]		[[Kategorie:Java]]
	[[Kategorie:Tutorials (Java)]]		[[Kategorie:Tutorials (Java)]]
	[[Kategorie:Swing]]		[[Kategorie:Swing]]

Marco13: ActionListener muss initialisiert werden, bevor er in 'addButton' verwendet wird

2012-12-26T15:46:16Z

ActionListener muss initialisiert werden, bevor er in 'addButton' verwendet wird

@@ Zeile 83: / Zeile 83: @@
          JFrame frame = new JFrame("DrawOnImage");
          drawingPanel = new DrawingPanel();
          actionHandler = new ActionListener() {
@@ Zeile 115: / Zeile 100: @@
+             }
          };
          frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
          frame.pack();

AndreUhres: /* Mehrfache repaint Anträge zusammenfassen */

2011-12-13T10:16:20Z

Mehrfache repaint Anträge zusammenfassen

← Nächstältere Version		Version vom 13. Dezember 2011, 10:16 Uhr
Zeile 40:		Zeile 40:
	</code=java>		</code=java>

	Erfolgen mehrfache repaint() Aufrufe auf einer Komponente bevor der erste Antrag verarbeitet wird, kann der Swing Repaintmanager die mehrfachen Anträge zu einem einzigen Aufruf zusammenfassen. Genauer gesagt: der RepaintManager wird eine Serie von Malanträgen dann zusammenfassen, wenn der "Anführer" der Serie schon mit invokeLater verschickt wurde, aber noch nicht auf dem EDT verarbeitet wurde (~~die~~ Vorgang bleibt also "threadsafe"). Wenn mehrfache Anträge zusammengefasst werden, ist das resultierende Cliprechteck gleich der Vereinigung der Rechtecke, die in den zusammengefassten Anträgen enthalten sind.		Erfolgen mehrfache repaint() Aufrufe auf einer Komponente bevor der erste Antrag verarbeitet wird, kann der Swing Repaintmanager die mehrfachen Anträge zu einem einzigen Aufruf zusammenfassen. Genauer gesagt: der RepaintManager wird eine Serie von Malanträgen dann zusammenfassen, wenn der "Anführer" der Serie schon mit invokeLater verschickt wurde, aber noch nicht auf dem EDT verarbeitet wurde (der Vorgang bleibt also "threadsafe"). Wenn mehrfache Anträge zusammengefasst werden, ist das resultierende Cliprechteck gleich der Vereinigung der Rechtecke, die in den zusammengefassten Anträgen enthalten sind.

	'''BEMERKUNG:'''		'''BEMERKUNG:'''

AndreUhres am 9. Dezember 2011 um 08:18 Uhr

2011-12-09T08:18:33Z

← Nächstältere Version		Version vom 9. Dezember 2011, 08:18 Uhr
Zeile 40:		Zeile 40:
	</code=java>		</code=java>

	Erfolgen mehrfache repaint() Aufrufe auf einer Komponente bevor der erste Antrag verarbeitet wird, kann der Swing Repaintmanager die mehrfachen Anträge zu einem einzigen Aufruf zusammenfassen. Wenn mehrfache Anträge zusammengefasst werden, ist das resultierende Cliprechteck gleich der Vereinigung der Rechtecke, die in den zusammengefassten Anträgen enthalten sind.		Erfolgen mehrfache repaint() Aufrufe auf einer Komponente bevor der erste Antrag verarbeitet wird, kann der Swing Repaintmanager die mehrfachen Anträge zu einem einzigen Aufruf zusammenfassen. Genauer gesagt: der RepaintManager wird eine Serie von Malanträgen dann zusammenfassen, wenn der "Anführer" der Serie schon mit invokeLater verschickt wurde, aber noch nicht auf dem EDT verarbeitet wurde (die Vorgang bleibt also "threadsafe"). Wenn mehrfache Anträge zusammengefasst werden, ist das resultierende Cliprechteck gleich der Vereinigung der Rechtecke, die in den zusammengefassten Anträgen enthalten sind.

	'''BEMERKUNG:'''		'''BEMERKUNG:'''

AndreUhres: /* Gesamter Quellcode */

2011-11-29T14:51:35Z

Gesamter Quellcode

← Nächstältere Version		Version vom 29. November 2011, 14:51 Uhr
Zeile 73:		Zeile 73:
	import java.awt.event.*;		import java.awt.event.*;

	public class DrawOnImage ~~extends JFrame implements ActionListener~~ {		public class DrawOnImage {

	final private DrawingPanel drawingPanel;		final private DrawingPanel drawingPanel;
	final private JPanel buttonPanel;		final private JPanel buttonPanel;
	final private JButton clearButton, upSize, downSize;		final private JButton clearButton, upSize, downSize;
			private final ActionListener actionHandler;

	public DrawOnImage() {		public DrawOnImage() {
	~~super~~("DrawOnImage");		JFrame frame = new JFrame("DrawOnImage");
	drawingPanel = new DrawingPanel();		drawingPanel = new DrawingPanel();
	buttonPanel = new JPanel();		buttonPanel = new JPanel();
Zeile 95:		Zeile 96:
	downSize = addButton(null);		downSize = addButton(null);
	downSize.setText("-");		downSize.setText("-");
	getContentPane().add(new JScrollPane(drawingPanel));		frame.getContentPane().add(new JScrollPane(drawingPanel));
	getContentPane().add(buttonPanel, BorderLayout.SOUTH);		frame.getContentPane().add(buttonPanel, BorderLayout.SOUTH);
			actionHandler = new ActionListener() {

			@Override
			public void actionPerformed(final ActionEvent e) {
			String s = e.getActionCommand();
			if (s.equals("Paint")) {
			JButton button = (JButton) e.getSource();
			drawingPanel.setPaintColor(button.getBackground());
			} else if (s.equals("Clear")) {
			drawingPanel.clearPaint();
			} else if (s.equals("+")) {
			drawingPanel.increaseBrushSize();
			} else {
			drawingPanel.decreaseBrushSize();
			}
			}
			};
			frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
			frame.pack();
			frame.setLocationRelativeTo(null);
			frame.setVisible(true);
	}		}

Zeile 109:		Zeile 131:
	button.setText("Paint");		button.setText("Paint");
	buttonPanel.add(button);		buttonPanel.add(button);
	button.addActionListener(~~this~~);		button.addActionListener(actionHandler);
	return (button);		return (button);
	}

	~~@Override~~
	~~public void actionPerformed(final ActionEvent e) {~~
	~~String s = e.getActionCommand();~~
	~~if (s.equals("Paint")) {~~
	~~JButton button = (JButton) e.getSource();~~
	~~drawingPanel.setPaintColor(button.getBackground());~~
	~~} else if (s.equals("Clear")) {~~
	~~drawingPanel.clearPaint();~~
	~~} else if (s.equals("+")) {~~
	~~drawingPanel.increaseBrushSize();~~
	~~} else {~~
	~~drawingPanel.decreaseBrushSize();~~
	}
	}		}

Zeile 133:		Zeile 140:
	@Override		@Override
	public void run() {		public void run() {
	~~JFrame frame~~ = new DrawOnImage();		DrawOnImage drawOnImage = new DrawOnImage();
	~~frame.setDefaultCloseOperation(EXIT_ON_CLOSE);~~
	~~frame.pack();~~
	~~frame.setLocationRelativeTo(null);~~
	~~frame.setVisible(true~~);
	}		}
	};		};
Zeile 144:		Zeile 147:
	}		}
	}		}

	</code=java>		</code=java>
	<code=java>		<code=java>

AndreUhres am 5. September 2011 um 15:02 Uhr

2011-09-05T15:02:54Z

← Nächstältere Version		Version vom 5. September 2011, 15:02 Uhr
Zeile 6:		Zeile 6:
	* wie mehrfache repaint Anträge zusammengefasst werden		* wie mehrfache repaint Anträge zusammengefasst werden
	* wie wir den Bereich, der dargestellt wird, einschränken können		* wie wir den Bereich, der dargestellt wird, einschränken können
			[[Datei:DrawOnImage.jpg]]
	==Mehrfache repaint Anträge zusammenfassen==		==Mehrfache repaint Anträge zusammenfassen==

AndreUhres: /* Gesamter Quellcode */

2011-09-05T14:17:44Z

Gesamter Quellcode

← Nächstältere Version		Version vom 5. September 2011, 14:17 Uhr
Zeile 68:		Zeile 68:

	==Gesamter Quellcode==		==Gesamter Quellcode==
	<code=java>import javax.swing.*;		<code=java>
			import javax.swing.*;
	import java.awt.*;		import java.awt.*;
	import java.awt.event.*;		import java.awt.event.*;
Zeile 76:		Zeile 77:
	final private DrawingPanel drawingPanel;		final private DrawingPanel drawingPanel;
	final private JPanel buttonPanel;		final private JPanel buttonPanel;
	final private JButton clearButton, upSize, downSize;		final private JButton clearButton, upSize, downSize;

	public DrawOnImage() {		public DrawOnImage() {
Zeile 112:		Zeile 113:
	}		}

			@Override
	public void actionPerformed(final ActionEvent e) {		public void actionPerformed(final ActionEvent e) {
	String s = e.getActionCommand();		String s = e.getActionCommand();
Zeile 141:		Zeile 143:
	SwingUtilities.invokeLater(gui);		SwingUtilities.invokeLater(gui);
	}		}
	}</code=java>		}
	<code=java>import java.awt.Point;		</code=java>
			<code=java>
			import java.awt.Point;
	import java.awt.event.MouseEvent;		import java.awt.event.MouseEvent;
	import javax.swing.event.MouseInputAdapter;		import javax.swing.event.MouseInputAdapter;
Zeile 184:		Zeile 188:
	int x = start.x - (brushSize / 2) + 1;		int x = start.x - (brushSize / 2) + 1;
	int y = start.y - (brushSize / 2) + 1;		int y = start.y - (brushSize / 2) + 1;
	drawingPanel.getG2d().fillOval(x, y,brushSize, brushSize);		drawingPanel.getG2d().fillOval(x, y, brushSize, brushSize);
	drawingPanel.repaint(x, y,brushSize, brushSize);		drawingPanel.repaint(x, y, brushSize, brushSize);
	}		}
	}</code=java>		}
	<code=java>import java.awt.*;		</code=java>
			<code=java>
			import java.awt.*;
	import javax.swing.*;		import javax.swing.*;

	class DrawingPanel extends JComponent {		public class DrawingPanel extends JComponent {

	private Image image;		private Image image;
Zeile 242:		Zeile 248:
	// initialises the image with the first paint		// initialises the image with the first paint
	// or checks the image size with the current panelsize		// or checks the image size with the current panelsize
	if (image == null \|\| image.getWidth(this) < getSize().width \|\|		if (image == null \|\| image.getWidth(this) < getSize().width
	image.getHeight(this) < getSize().height) {		\|\| image.getHeight(this) < getSize().height) {
	resetImage();		resetImage();
	}		}

AndreUhres: /* Gesamter Quellcode */

2010-05-02T21:28:57Z

Gesamter Quellcode

← Nächstältere Version		Version vom 2. Mai 2010, 21:28 Uhr
Zeile 265:		Zeile 265:
	g2d.setColor(saveG2d.getColor());		g2d.setColor(saveG2d.getColor());
	g2d.drawImage(saveImage, 0, 0, this);		g2d.drawImage(saveImage, 0, 0, this);
			saveG2d.dispose();
	}		}
	}		}