Bilder abspielen mit Übergängen

[mathon]

Hallo,

Ich habe eine ArrayList mit Images unt mit einem Thread werden die einzelnen Bilder angezeigt. Jetzt möchte ich aber noch einbauen, dass es spezielle Übergänge zwischen dem einen und dem nächsten Bild gibt. Also dass das Bild nach innen verschwindet und dahinter das nächste Bild erscheint. Ich muss da ja anscheinend weitere Threads verwenden. Hat jemand ein paar Tipps, wie ich da vorgehen könnte?

danke im voraus

lg matti

 

[Jockel]

Nach innen verschwindet? Meinst du damit, dass das eine Bilder immer kleiner wird und dahinter schon das nächste angezeigt wird? Dann einfach das vordere Bild runterskalieren. Musst halt nur auf die Reihenfolge achten, in welcher die Bilder gemalt werden, dann brauchst du auch keinen weiteren Threads.

Wenn du mit verschwinden ein Überblenden meinst, dann suche mal nach 'crossfade, fade-out', o.ä.

 

[mathon]

Ja ich meine das das gerade aktuelle Bild immer kleiner wird bis es verschwunden ist. Gibts dafür Code-Samples? - denn wie gesagt verwende ich einen Thread bereits der die Bilder nach der Reihe anzeigt wobei ich das Intervall wielange ein Bild zu sehen ist selber einstellen kann. Denn ich müsste ja dann schauen, dass das Bild schnell verschwunden ist, dass nicht gleich das nächste Bild wieder angezeigt wird.... :bahnhof:

lg matti

 

[Jockel]

Die Frage hat dir doch schon L-ectron-X beantwortet: http://www.java-forum.org/de/viewtopic.php?t=27562&highlight=bild+verkleinern

 

[mathon]

Hallo,

ja das ist klar, das habe ich bereits umgesetzt, aber es geht mir jetzt speziell um die Bildübergänge, wie ich das mit den Threads genau definieren soll, damit das aktuelle Bild nach innen verschwindet und das nächste gezeigt wird und dass es keinen Konflikt mit dem Thread gibt, der die einzelnen Bilder durchläuft...?

 

[Jockel]

Nochmal:
- Zweites Bild zeichnen
- Erstes Bild darüber zeichnen
- Erstes Bild runterskalieren
- [ggf. überprüfen, ob das erste Bild bereits genügende runterskaliert wurde, falls ja, wird das zweite Bild das erste, und das dritte das zweite, etc.]
- von vorne anfangen

Da brauchst du nur einen Thread für.

 

[mathon]

Hallo,

okay super danke, hab das ganze jetzt mal so implementiert, dass das nächste Bild immer von rechts hereingeschoben wird.

public class ImagePane extends JPanel implements Runnable
{
	public void paintComponent( Graphics g )
	{
		super.paintComponent( g ); // should always call this method
		
		if( theOldImage != null )
		{
			g.drawImage( theOldImage, 0, 0, width, height, null );
		}
		if( theNewImage != null )
		{
			g.drawImage( theNewImage, x, y, w, h, null );
		}
	}
	
	private Image theOldImage;
	private Image theNewImage;
	
	private int x = 0;
	private int y = 0;
	private int w = 0;
	private int h = 0;
	private int width = 0;
	private int height = 0;
	
	// Need this method in order to load an image for display
	public void setImage( Image i )
	{
		theOldImage = theNewImage; 
		theNewImage = i;
	}

	public void changeImage()
	{
		Thread t = new Thread( this );
		t.start();
	}
	
	public void run()
	{
	   Dimension d = this.getSize();
		width = d.width;
		height = d.height;
		
		x = width;
		y = 0;
		w = width;
		h = height;
				
		do
		{
			x = x - 1;
			this.repaint();
			//Thread.yield();
		} while( x > 0 );
	}
	
}

In dem Panel wird das Bild angezeigt. Das Problem ist jetzt das x = x-1; das ist leider immer noch zu schnell, dass man fast nicht sieht, dass das Bild von rechts reingeschoben wird. Kann man das noch irgendwie verlangsamen? - denn weniger als 1 kann ich ja nicht nehmen weil ich bei drawImage für x ja ein int brauche...? :bahnhof:

danke im voraus

lg matti

 

[Leroy42]

Dann bau in deiner run()-Methode doch einfach eine Thread.sleep(int millisekunden) ein.

Bischen rumprobieren um einen passenden Wert zu finden.

 

[mathon]

Hab ich auch schon probiert, aber wenn ich Thread.sleep(1) setze, ist es wieder zu langsam, und 1 ist ja das wenigste was man bei einem sleep setzen kann oder?

 

[Jockel]

Hm, als Workaround vielleicht bei jedem Schleifendurchgang eine Variable hochzählen und dann etwas wie

		if (variable % 2 == 0)
		{
			// Bild verkleinern
		} else {
         // nur anzeigen, nicht verkleinern
  }

Je höher du den Wert setzt, desto langsamer wird das Bild verkleinert.
[edit] CodeTags

 

[mathon]

okay super danke. Eine Frage habe ich noch: Ich möchte noch die Möglichkeit bieten, dass wenn die Slideshow gestartet wird, das auch ein .wav oder mp3 File gestartet wird und das solange durchläuft bis die Slideshow gestoppt oder zu ende ist.

Gibts dafür ne einfache Möglichkeit?

lg matti

 

[Jockel]

Für den Sound einen eigenen Thread starten und diesen nach Beendigung der Slideshow stoppen.

 

[mathon]

Hi,

das ist klar, aber ich habe bis jetzt für das Abspielen nur diese Möglichkeit gefunden:

File f = new File( "uups.wav" );
AudioClip sound = Applet.newAudioClip( f.toURL() );
sound.play();
Thread.sleep( 100000 );

Das problem ist, dass die wav-files sehr groß sind und das auch lange dauert bis das file geladen ist und zu spielen beginnt, gibts da noch eine andere Möglichkeit?