Как добавить анимацию к нескольким экземплярам изображений?

Question

Как мы можем применить анимацию к случайным экземплярам изображений?Я пытался, но он применяет анимацию только к одному экземпляру изображения.

public class TimeLines extends Application {

 AnchorPane root;
Image img;

private final Random random = new Random();
private final double shs = 10.0; // Star Hand Size
ImageView imgView;
@Override
public void start(Stage primaryStage) throws FileNotFoundException {
        Image img=new Image(new FileInputStream("plus.png")); 
     root = new AnchorPane();
     for(int cont = 0 ; cont < 15 ; cont++)  
     {  
         imgView=new ImageView();
          imgView.setImage(img);
          imgView.setTranslateX( Math.random() * 800 );  
         imgView.setTranslateY( Math.random() * 400 ); 
        root.getChildren().add(imgView);
        play();   
     }
    Scene scene = new Scene(root, 800, 600);
    primaryStage.setScene(scene);
    primaryStage.show();
}


private void play() {
    final Timeline timeline = new Timeline();
   timeline.setCycleCount(2);
    timeline.setAutoReverse(true);
       final KeyValue kFade = new KeyValue(imgView.opacityProperty(), 0);
        final KeyFrame kf = new KeyFrame(Duration.millis(1000), kFade);
        timeline.getKeyFrames().add(kf);

        timeline.setOnFinished(e -> {            
                play();       });
        timeline.play();}
public static void main(String[] args) {
    launch(args);
}

}

теперь его полный код;

вывод программы

это применяет анимацию только к одному экземпляру изображения, но я хочу анимировать все объекты случайным образом

Answer 1

Причина, по которой вы получаете только один с переходом, заключается в том, что из-за этой строки imgView=new ImageView(); установка последнего только для последнего задается, если вы создаете список и добавляете все их в этот список, а затем задаете ключевые кадры для всехиз них должно работать

Рабочий пример

public class Main extends Application {

    private AnchorPane root;
    private ArrayList<ImageView> imageViewArrayList = new ArrayList<>();

    @Override
    public void start(Stage primaryStage) throws FileNotFoundException {
        Image img=new Image(new FileInputStream("plus.png"));
        root = new AnchorPane();
        for(int cont = 0 ; cont < 15 ; cont++)
        {
            ImageView imgView=new ImageView();
            imgView.setImage(img);
            imgView.setTranslateX( Math.random() * 800 );
            imgView.setTranslateY( Math.random() * 400 );

            imageViewArrayList.add(imgView);
            root.getChildren().add(imgView);
            //play();//I don't think you need this
        }

        new Timer().schedule(//Will keep infinitely firing every second
                new TimerTask() {
                    @Override
                    public void run() {
                        play();
                    }
                },
                0,
                1000);

        Scene scene = new Scene(root, 800, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private void play() {
        final Timeline timeline = new Timeline();
        timeline.setCycleCount(2);
        timeline.setAutoReverse(true);

        //For animating All
        //for (ImageView imageView : imageViewArrayList) { 
        //    final KeyValue kFade = new KeyValue(imageView.opacityProperty(), 0);
        //    timeline.getKeyFrames().add(new KeyFrame(Duration.millis(1000), kFade));
        //}

        timeline.getKeyFrames().clear();//Remove Last

        int randomIndex = (int) (Math.random() * imageViewArrayList.size());//Pick random Index

        timeline.getKeyFrames().add(//Add random index
                new KeyFrame(Duration.millis(1000),
                        new KeyValue(imageViewArrayList.get(randomIndex).opacityProperty(), 0)));


        //timeline.setOnFinished(e -> play());//I don't think you need this
        timeline.play();
    }

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

Answer 2

моя идея, которая может быть полезна в этом случае:

• сохранить все ImageViews в списке

• создать Случайный с размером списка

• создать метод для применения анимации к ImageView , проиндексированному значением, Случайным вернул

Пример кода:

//create list to store all ImageViews  
private static List<ImageView> imageViewList = new LinkedList<>();

//add ImageView in list in each iteration (each image created)  
for(int cont = 0 ; cont < 15 ; cont++){  
          imgView=new ImageView();
          imgView.setImage(img);
          imgView.setTranslateX( Math.random() * 800 );  
          imgView.setTranslateY( Math.random() * 400 ); 
          root.getChildren().add(imgView);
          //new line added to your code
          imageViewList.add(imgView);
     }

//create random object
Random rand = new Random();
// Obtain a number between [0 - (listSize-1)].
//int n = rand.nextInt(imageViewList.size()-1);

//animate a random image, put it in a loop to continue animation 
//use while(true){...} for infinite loop
animateImageViewIn(rand.nextInt(imageViewList.size()-1));

//create method to animate ImageView in given index in list
animateImageViewIn(int index){
    //your animation code
    //...
    //apply animation to the random ImageView
    final KeyValue kFade = new KeyValue(imageVewList.get(index).opacityProperty(), 0);
    //continue your code
    //...
}

Надеюсь, это поможет!