如何按顺序而不是一次全部更改 JavaFx 图像?

Question

我正在创建一个程序来同时ping许多计算机实验室。在主UI上，有一些图像是红色或绿色的，具体取决于所有计算机是否都可以ping。当我调用pingAllLabs方法时，它会正确地将它们更改为红色或绿色，但是在结束时一次而不是在每个完成后完成。

这个堆栈溢出答案非常相似，但我不能/不知道如何实现它

这是执行 ping 操作的代码。在实验室类中，它会创建损坏的 PC 名称字符串的数组列表。

@FXML
public void pingAllLabs() throws IOException{
for (int  i = 0;i<list.listOfLabs.size();i++{
list.listOfLabs.get(i).printBroke(fileName);
updateImages(list.listOfLabs.get(i),i);
}
}

这是实际更改图像的代码。它从发送给它的实验室中检索损坏的 PC 的数组列表，如果列表不为空，它将图像数组列表中的图像更改为红色，或者如果列表为空，则将其更改为绿色。

@FXML
public void updateImages(Lab lab,int i){
Image red = new Image("RedComp.png");
Image green = new Image("GreenComp.png");
ArrayList<String> list = lab.getBrokenList();
if (!list.isEmpty()){
images.get(i).setImage(red);
System.out.println("Setting "+lab.getName()+" to red");
}
else{
System.out.println("Setting to green");
images.get(i).setImage(green);
}
}

Answer 1

对于此方法，此处阻止此处

public void pingAllLabs() throws IOException{
for (int  i = 0;i<list.listOfLabs.size();i++{
list.listOfLabs.get(i).printBroke(fileName);
updateImages(list.listOfLabs.get(i),i);
}
}

进行以下更改

public void pingAllLabs() throws IOException{
new Thread(() -> {
for (int  i = 0;i<list.listOfLabs.size();i++) {
list.listOfLabs.get(i).printBroke(fileName);
updateImages(list.listOfLabs.get(i),i);
}
}).start();
}
}

并更改此块

if (!list.isEmpty()){
images.get(i).setImage(red);
System.out.println("Setting "+lab.getName()+" to red");
}
else{
System.out.println("Setting to green");
images.get(i).setImage(green);
}

进行以下更改

if (!list.isEmpty()){
Platform.runLater( () -> images.get(i).setImage(red))
System.out.println("Setting "+lab.getName()+" to red");
}
else{
System.out.println("Setting to green");
Platform.runLater( () -> images.get(i).setImage(green))
}

因此，现在您不会阻止 UI 线程，并且还允许异步完成更新。

见解

该问题类似于您链接的问题，您在 JavaFx 应用程序线程上运行 for 循环，这会导致模型更改不会立即呈现，而是仅在您从pingAllLab()返回后呈现，而仅在返回包含循环updateImages()返回后返回。上面的代码在不同的线程上运行图像添加逻辑，然后使用Platform.runLater()将更新发布到 UI 事件队列。

因此，每当您编写以某种方式影响 UI 的代码时，请使用Platform.runLater()