per "update" ein Bild Strich für Strich "male

[Aurora]

Hallo zusammen!

Hätte da ein Problemchen mit einer Übungsaufgabe...
es sollen mehrere Striche gezeichnet werden, die ein einfaches Bild ergeben. Beispielsweise ein Haus.
Ist ja mal von der Seite aus kein Problem, ABER jetzt soll es irgendwie per "update" angestellt werden, dass bei jedem erneuten Klicken in den Browser ein weiterer Strich gezeichnet wird bis das Bild fertig ist.
Es kann so gemacht werden, dass immer ein strich gezeichnet wird oder dass erst einer, dann 2 dann 3 usw. gezeichnet werden. Wenn es fertig gezeichnet ist kann es wieder von vorne losgehen oder aber einfach aufhören.


Hat da jemand einen Tipp für mich?

Muss ich das mit einer Schleife machen, die die Anzahl der Striche hochzählt?
Aber wenn ja, wie wird das dann gezeichnet wenn ein Update erfolgt?


Hier habe ich mal die "Koordinaten" für das Haus:

        g.drawLine(20, 100, 20, 200);	
  		g.drawLine(20, 100, 120,200);
  		g.drawLine(120, 100, 120, 200);
  		g.drawLine(70, 0, 120, 100);
  		g.drawLine(20, 100, 70, 0);
  		g.drawLine(20, 100, 120, 100);
  		g.drawLine(20, 200, 120, 100);
  		g.drawLine(20, 200, 120, 200);

Ich freue mich über jeden Vorschlag!
Gruß Aurora

 

[SlaterB]

erstelle dir eine Klasse Linie mit 2x x+y,
die 8 Linien kommen in eine Liste,

dann brauchst du noch eine Exemplarvariable anzahl, die per Buttonklick erhöht wird,

in der paint malst du dann je nach Anzahl entsprechend viele Elemente aus der Liste

 

[Aurora]

das ist mir leider nicht klar, was du damit meinst, aber ich glaube das hast du nicht ganz verstanden...

wenn ich aus dem Browser irgendwo anders hinklicke und wieder in den Browser hinein, dann soll der nächste strich gezeichnet werden... ich habe aber keine Ahnung wie ich das mit dem update verbinden soll, also dass das Programm immer einen neuen Strich malt - aber ohne einen Button.

Hast du noch eine andere Idee - oder jemand sonst?
Gruß

 

[masta // thomas]

import java.awt.Graphics;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.util.ArrayList;
import java.util.List;

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

public class LineDrawer extends JFrame {

	private static final long serialVersionUID = 1L;

	public LineDrawer() {
		super();
		setBounds(100, 100, 500, 375);
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		createComponents();
	}
	
	private void createComponents()
	{
		List<Line> lines = new ArrayList<Line>();
		lines.add(new Line(20, 100, 20, 200));
		lines.add(new Line(20, 100, 120,200));
		lines.add(new Line(120, 100, 120, 200));
		lines.add(new Line(70, 0, 120, 100));
		lines.add(new Line(20, 100, 70, 0));
		lines.add(new Line(20, 100, 120, 100));
		lines.add(new Line(20, 200, 120, 100));
		lines.add(new Line(20, 200, 120, 200));
		add(new LinePanel(lines));
	}
	
	class LinePanel extends JPanel
	{
		private static final long serialVersionUID = 1L;
		
		private List<Line> lines;
		private int linesToDraw;
		
		public LinePanel(List<Line> lines)
		{
			this.lines = lines;
			linesToDraw = 0;
			addMouseListener(new MouseAdapter()
			{
				@Override
				public void mouseClicked(MouseEvent e) {
					super.mouseClicked(e);
					nextLine();						
				}
			});
		}
		
		private void nextLine()
		{
			linesToDraw++;
			repaint();
			if(linesToDraw > lines.size())
				linesToDraw = 0;
		}
		
		private void drawLines(Graphics g)
		{
			for(int i = 0; i < linesToDraw; i++)
			{
				Line currentLine = lines.get(i);
				g.drawLine(currentLine.getX1(), currentLine.getY1(), currentLine.getX2(), currentLine.getY2());
			}
		}
		
		@Override
		protected void paintComponent(Graphics g) {
			super.paintComponent(g);
			drawLines(g);
		}
	}
	
	class Line
	{
		private int x1;
		private int y1;
		private int x2;
		private int y2;
		
		public Line(int x1, int y1, int x2, int y2)
		{
			setX1(x1);
			setY1(y1);
			setX2(x2);
			setY2(y2);
		}

		public int getX1() {
			return x1;
		}

		public void setX1(int x1) {
			this.x1 = x1;
		}

		public int getY1() {
			return y1;
		}

		public void setY1(int y1) {
			this.y1 = y1;
		}

		public int getX2() {
			return x2;
		}

		public void setX2(int x2) {
			this.x2 = x2;
		}

		public int getY2() {
			return y2;
		}

		public void setY2(int y2) {
			this.y2 = y2;
		}
	}
	
	public static void main(String args[]) {
		LineDrawer frame = new LineDrawer();
		frame.setVisible(true);
	}
}

 

[ich2]

Zu spät gesendet ???:L

 

[Aurora]

Ich verbeuge mich vor deinem Können! Das bewundere ich wirklich sehr und ich bedanke mich vielmals. :applaus:
Super wie das klappt!


Leider Leider Leider ist es ja nur viel zu kompliziert - solche hohen Ansprüche haben wir ja noch gar nicht es muss gar nicht in einem Windows-Fenster dargestellt werden, sondern als Applet im Browser. Also wenn ich auf den Desktop klicke und wieder in den Browser - dann erscheint ein Strich....


Ich habe nur so viel:

import java.applet.Applet;
import java.awt.Graphics;
import java.awt.Color;

public class Haus extends Applet {
  	public void paint (Graphics g) {
  		
  		
  		Color rot = new Color(255, 0, 0);
  		g.setColor(rot);
  		g.drawLine(20, 100, 20, 200);	
  		g.drawLine(20, 100, 120,200);
  		g.drawLine(120, 100, 120, 200);
  		g.drawLine(70, 0, 120, 100);
  		g.drawLine(20, 100, 70, 0);
  		g.drawLine(20, 100, 120, 100);
  		g.drawLine(20, 200, 120, 100);
  		g.drawLine(20, 200, 120, 200);

	}
}

und ich denke (so in meinem jugentlichen Leichtsinn :lol: ) dass ich dieses paint irgendwie durch das update erstetzen muss... und wohl noch irgendwie eine for Schleife, ein if und else oder so

 

[Quaxli]

Wenn Dir schon jemand die Hausaufgabe macht, kannst Du Dich doch wenigsten selber mal bemühen und das Frame in ein Applet umbiegen. So schwer ist das ja nun nicht.

 

[Aurora]

Also ich bin ja noch ein absoluter Anfänger und das was Thomas programmiert hat ist auch super toll - ich weiß das auf jeden Fall zu schätzen, dass er sich die Zeit genommen hat und die Aufgabe clever gelöst hat. Das Problem ist einfach, dass ja die Hälfte der Funktionen, die er angewendet hat noch gar nicht in dem Kurs vorkamen....

Es geht mir eigentlich auch nur darum, herauszufinden, wie ich es anstelle (ich denke so muss man es ungefär machen) dass dieses "update" sich selbst steigert - aber wenn ich eine for schleife benutze z.B macht er ja die Schleife durch und fertig. Es muss ja irgendwie so gemacht werden (alles nur spekulation) dass durch das update eine Variable hochgezählt wird, die dann z.B. per switch oder if else die Linien zeichnen.

Also irgendwie so, dass wenn der Wert meinetwegen 1 ist, wird die erste Linie gezeichet, und wenn der Wert 2 ist werden die ersten beiden Linien gezeichnet und so weiter.

Es geht mir sicher nicht darum, dass mir jemand die ganze Aufgabe hinpinselt, aber ich komm mit diesem Update nicht klar... ich versteh nicht wie ich es verwenden kann, also bisher kam immer ein leeres Feld, also ich habe es nicht geschafft, dass dieses Ding überhaupt was zeichnet, kann das dieses "update" eigentlich überhaupt oder muss ich wieder in das update() ein paint reinschreiben?
also irgendwie so:

public void update (paint????)


Also - kann das jemand vielleicht mal erläutern würde mich riesig freuen!

Gruß

 

[SlaterB]

Rekord für Anzahl des Wortes 'update' in einem Posting..

das Konzept mit der Liste und dem paint habe ich ja auch so vorgegeben, das ist völlig unabhängig von Applet oder JFrame oder sonstwas, das kannst du alles so übernehmen
(und hat garantiert nicht, in keiner Weise, überhaupt nicht, nicht mal ein bisschen mit update zu tun!)

-----

so einzig interessant ist nun noch, wie du in deinem Applet irgendwie darauf reagieren kannst,
dass der User mit der Maus klickt oder sonst irgendwas,
sowas musst du schon wissen wenn du Applets programmieren willst,
ich persönlich wüßte es z.B. gar nicht,

wann immer so ein Ereignis stattfindet (du nennst es 'bei jedem erneuten Klicken in den Browser ')
dann musst du die Anzahl der zu zeichnenden Linien erhöhen,

das kann man evtl. update nennen, hat aber auf jeden Fall nichts mit dem paint zu tun,
der Vorschlag "update (paint????) " macht einen ziemlich schlechten Eindruck, wenn ich dich nicht ganz falsch verstanden habe,


so, wenn das nun dein Problem ist, dann stelle ganz ruhig und sachlich eine simple Frage
"wie kann ich in einem Applet auf einen Mausklick reagieren"
dann wird dir vielleicht jemand antworten der es weiß (ich nicht)
evtl. in einem neuen Thema wenn hier nichts mehr kommt

solche Grundlagen solltest du allerdings auch in deinem Lehrbuch finden

 

[masta // thomas]

Hallo Aurora,

stelle deine Fragen bitte immer ins Forum, dafür ist es da. Von privaten Nachrichten hat außer dir keiner was.
Leite einfach von Applet ab und gut ist.

package de.mcs.test.graphics;

import java.applet.Applet;

public class LineDrawer extends Applet {

	private static final long serialVersionUID = 1L;

	public LineDrawer() {
		super();
		createComponents();
	}
	
	private void createComponents()
	{
		List<Line> lines = new ArrayList<Line>();
		lines.add(new Line(20, 100, 20, 200));
		lines.add(new Line(20, 100, 120,200));
		lines.add(new Line(120, 100, 120, 200));
		lines.add(new Line(70, 50, 120, 100));
		lines.add(new Line(20, 100, 70, 50));
		lines.add(new Line(20, 100, 120, 100));
		lines.add(new Line(20, 200, 120, 100));
		lines.add(new Line(20, 200, 120, 200));
		add(new LinePanel(lines));
	}
	
	class LinePanel extends JPanel
	{
		private static final long serialVersionUID = 1L;
		
		private List<Line> lines;
		private int linesToDraw;
		
		public LinePanel(List<Line> lines)
		{
			setPreferredSize(new Dimension(400, 400));
			this.lines = lines;
			linesToDraw = 0;
			addMouseListener(new MouseAdapter()
			{
				@Override
				public void mouseClicked(MouseEvent e) {
					super.mouseClicked(e);
					nextLine();						
				}
			});
		}
		
		private void nextLine()
		{
			linesToDraw++;
			repaint();
			if(linesToDraw > lines.size())
				linesToDraw = 0;
		}
		
		private void drawLines(Graphics g)
		{
			for(int i = 0; i < linesToDraw; i++)
			{
				Line currentLine = lines.get(i);
				g.drawLine(currentLine.getX1(), currentLine.getY1(), currentLine.getX2(), currentLine.getY2());
			}
		}

		@Override
		protected void paintComponent(Graphics g) {
			super.paintComponent(g);
			drawLines(g);
		}
	}
	
	class Line
	{
		private int x1;
		private int y1;
		private int x2;
		private int y2;
		
		public Line(int x1, int y1, int x2, int y2)
		{
			setX1(x1);
			setY1(y1);
			setX2(x2);
			setY2(y2);
		}

		public int getX1() {
			return x1;
		}

		public void setX1(int x1) {
			this.x1 = x1;
		}

		public int getY1() {
			return y1;
		}

		public void setY1(int y1) {
			this.y1 = y1;
		}

		public int getX2() {
			return x2;
		}

		public void setX2(int x2) {
			this.x2 = x2;
		}

		public int getY2() {
			return y2;
		}

		public void setY2(int y2) {
			this.y2 = y2;
		}
	}
}

War jetzt nicht so schwer oder? Mehr Eigeninitiative!