1秒ごとにThreadを使って、3つのimageviewの画像を切り替えていきたい（ java）

Question

３つのimageviewを並べて、1秒間隔で4つの画像を順番にずらして表示したいと思っています。
つまり、３つのimageviewに入っている画像を、入れ替えようと思っています。

3つのimageviewに入っているimageをどのように入れ替えればいいでしょうか？

Thread内では、画像を変えるための picNo0, picNo1, picNo2 を替えています。

Threadのsleepで1秒間隔は実現できると考えています。

よろしくお願い致します。

import javafx.application.*;
import javafx.scene.*;
import javafx.scene.layout.*;
import javafx.scene.control.*;
import javafx.scene.paint.*;
import javafx.scene.image.*;
import javafx.scene.effect.*;
import javafx.stage.*;
import javafx.geometry.*;
import javafx.collections.*;

public class Assignment5_3 extends Application
{
	public static int picNo0 = 0;
	public static int picNo1 = 1;
	public static int picNo2 = 2;

	public void start(Stage stage) throws Exception
	{
		Image[] images = new Image[4];
		images[0] = new Image("Food.jpg");
		images[1] = new Image("Cafe.jpg");
		images[2] = new Image("Beach.jpg");
		images[3] = new Image("Sunset.jpg");

		ImageView[] ivs = new ImageView[3];
		ivs[0] = new ImageView(images[picNo0]);
		ivs[1] = new ImageView(images[picNo1]);
		ivs[2] = new ImageView(images[picNo2]);

		ivs[0].setImage();
		ivs[1].setImage();
		ivs[2].setImage();

		// エフェクトを生成し、画像に適用します
		PerspectiveTransform pt0 = new PerspectiveTransform();
		pt0.setUlx(160.0);
		pt0.setUly(60.0);
		pt0.setUrx(320.0);
		pt0.setUry(0.0);
		pt0.setLrx(320.0);
		pt0.setLry(240.0);
		pt0.setLlx(160.0);
		pt0.setLly(180.0);
		ivs[0].setEffect(pt0);

		PerspectiveTransform pt1 = new PerspectiveTransform();
		pt1.setUlx(0.0);
		pt1.setUly(0.0);
		pt1.setUrx(160.0);
		pt1.setUry(60.0);
		pt1.setLrx(160.0);
		pt1.setLry(180.0);
		pt1.setLlx(0.0);
		pt1.setLly(240.0);
		ivs[2].setEffect(pt1);

		// レイアウト HBox を生成／設定します
		HBox hb = new HBox();
		ObservableList<Node> lst = hb.getChildren();
		lst.addAll(ivs);

		// シーンを生成/設定します
		Scene scene = new Scene(hb);

		// ステージを設定します
		stage.setScene(scene);
		stage.setTitle("画像");

		// ステージを表示します
		stage.show();

		MyRunnable runnable = new MyRunnable();
		Thread thread = new Thread(runnable);
		thread.start();
	}

	public class MyRunnable implements Runnable
	{
    @Override
    public void run()
		{
			while(true)
			{
				picNo0++;
				picNo1++;
				picNo2++;

				if (picNo0 > 3)
				{
					picNo0 = 0;
					// 1000ミリ秒待機する
					try{
					Thread.sleep(1000);
					}catch(InterruptedException e)
					{
					System.out.println(e);
					}
				}else if (picNo1 > 3)
				{
					picNo1 = 0;
					// 1000ミリ秒待機する
					try{
					Thread.sleep(1000);
					}catch(InterruptedException e)
					{
					System.out.println(e);
					}
				}else if (picNo2 > 3)
				{
					picNo2 = 0;
					// 1000ミリ秒待機する
					try{
					Thread.sleep(1000);
					}catch(InterruptedException e)
					{
					System.out.println(e);
					}
				}else
				{
					// 1000ミリ秒待機する
					try{
					Thread.sleep(1000);
					}catch(InterruptedException e)
					{
					System.out.println(e);
					}
				}
			}
    }
	}

	public static void main(String[] args)
	{
		launch(args);
	}
}

Answer 1

以下のコードで実現できました。

import javafx.application.*;
import javafx.scene.*;
import javafx.scene.layout.*;
import javafx.scene.control.*;
import javafx.scene.paint.*;
import javafx.scene.image.*;
import javafx.scene.effect.*;
import javafx.stage.*;
import javafx.geometry.*;
import javafx.collections.*;

public class Assignment5_3 extends Application
{
	public static int picNo0 = 0;
	public static int picNo1 = 1;
	public static int picNo2 = 2;

	public ImageView[] ivs;
	public Image[] images;

	public void start(Stage stage) throws Exception
	{
		images = new Image[4];
		images[0] = new Image("Food.jpg");
		images[1] = new Image("Cafe.jpg");
		images[2] = new Image("Beach.jpg");
		images[3] = new Image("Sunset.jpg");

		ivs = new ImageView[3];
		ivs[0] = new ImageView();
		ivs[1] = new ImageView();
		ivs[2] = new ImageView();

		// エフェクトを生成し、画像に適用します
		PerspectiveTransform pt0 = new PerspectiveTransform();
		pt0.setUlx(160.0);
		pt0.setUly(60.0);
		pt0.setUrx(320.0);
		pt0.setUry(0.0);
		pt0.setLrx(320.0);
		pt0.setLry(240.0);
		pt0.setLlx(160.0);
		pt0.setLly(180.0);
		ivs[0].setEffect(pt0);

		PerspectiveTransform pt1 = new PerspectiveTransform();
		pt1.setUlx(0.0);
		pt1.setUly(0.0);
		pt1.setUrx(160.0);
		pt1.setUry(60.0);
		pt1.setLrx(160.0);
		pt1.setLry(180.0);
		pt1.setLlx(0.0);
		pt1.setLly(240.0);
		ivs[2].setEffect(pt1);

		// レイアウト HBox を生成／設定します
		HBox hb = new HBox();
		ObservableList<Node> lst = hb.getChildren();
		lst.addAll(ivs);

		// シーンを生成/設定します
		Scene scene = new Scene(hb);

		// ステージを設定します
		stage.setScene(scene);
		stage.setTitle("画像");

		// ステージを表示します
		stage.show();

		MyRunnable runnable = new MyRunnable();
		Thread thread = new Thread(runnable);
		thread.start();
	}

	public class MyRunnable implements Runnable
	{
    @Override
    public void run()
		{
			while(true)
			{
				ivs[0].setImage(images[picNo0]);
				ivs[1].setImage(images[picNo1]);
				ivs[2].setImage(images[picNo2]);

				picNo0++;
				picNo1++;
				picNo2++;

				if (picNo0 > 3)
				{
					picNo0 = 0;
					// 1000ミリ秒待機する
					try{
					Thread.sleep(1000);
					}catch(InterruptedException e)
					{
					System.out.println(e);
					}
				}else if (picNo1 > 3)
				{
					picNo1 = 0;
					// 1000ミリ秒待機する
					try{
					Thread.sleep(1000);
					}catch(InterruptedException e)
					{
					System.out.println(e);
					}
				}else if (picNo2 > 3)
				{
					picNo2 = 0;
					// 1000ミリ秒待機する
					try{
					Thread.sleep(1000);
					}catch(InterruptedException e)
					{
					System.out.println(e);
					}
				}else
				{
					// 1000ミリ秒待機する
					try{
					Thread.sleep(1000);
					}catch(InterruptedException e)
					{
					System.out.println(e);
					}
				}
			}
    }
	}

	public static void main(String[] args)
	{
		launch(args);
	}
}