javaFX在非FX线程中更新UI

　　　如果使用了javaFX的FXML开发方式，那么就会非常明确的感受到MVC模式的气息，在FX程序运行的时候，我们的FX线程是保持在主线程里的，但是当我们在处理事件的时候想更新界面中元素的状态时，经常会遇到错误提示：在非FX线程中更新了UI。这个时候该如何解决呢？

　　解决方法有两种：1、Platform.runLater(()->{........});方式       2、使用Task方式。

　　1、 Platform.runLater方式

　　我一开始是使用Platform.runLater方式解决的，但是很多时候我们更新的UI内容很可能是controller里面处理的变量，而Platform.runLater不允许使用非final的变量，所以问题就来了，你想在UI上表现出来你的处理进度的时候这种方式就不行。

　　

@FXML
private Text progressText;//界面上用来显示处理进度的Text
@FXML
private Button startBtn;//用来启动任务处理的按钮
@FXML
private void initialize(){
    startBtn.setOnAction(e->startHandler());//注册按钮处理事件
}
private void startHandler(){
    for(int a=0;a<100;a++){
        Platform.runLater(()->{
            progressText.setText("处理进度("+(a+1)+"/100):"+a);//其实这里就已经报错了
        });
        Thread.sleep(300)
    }
}

　　如果按照以上的方式运行，除非变量a是final的，否则编译无法通过，但是如果a是final的，我的循环该怎么执行？

 

　　或许你可以想到变一下，把Platform.runLater放在外面，for放在里面，如果你想尝试，可以自行尝试，我可以告诉你的是，你可以编译通过了，而且看起来也没啥问了，但是啃爹的就是你会看到界面上的变化是那个Text的内容直接变为for循环最后一次循环后的结果，而不会看到它随着循环的执行而动态的变！

　　

　　2、使用Task方式（正确的姿势）

　　其实使用Task的方式才是解决这种问题的根本，至少我学到现在，对我来说是这样的。那么下面例子，看看Task方式如何解决。

　　FXMLDocumentController.java

　　

public class FXMLDocumentController implements Initializable {
    
    @FXML
    private ProgressBar process1;
    @FXML
    private ProgressIndicator process2;
    @FXML
    private Text process3;
    @FXML
    private Button bt1;
    
    //按钮事件处理函数
    private void handleButtonAction(ActionEvent event) {
        Service<String> service=new Service<String>() {
            @Override
            protected Task<String> createTask() {
                return new Task<String>() {
                    @Override
                    protected String call() throws Exception {
                       for(int a=1;a<=100;a++){
                           //更新service的value属性
                           updateValue("process:"+a+"%");
                           //更新service的progress属性
                           updateProgress(a, 100d);
                           Thread.sleep(100);
                       }
                        return "success";
                    }
                };
            }
        };
        //绑定process1的progress属性为service的progress属性
         process1.progressProperty().bind(service.progressProperty());
         //同上
         process2.progressProperty().bind(service.progressProperty());
         //绑定process3的text属性为service的text属性
         process3.textProperty().bind(service.valueProperty());
         //任务完成时会调用
         service.setOnSucceeded((WorkerStateEvent event) -> {
             System.out.println("任务处理完成！");
         });
         //启动任务start()一定是最后才调用的
         service.start();
    }
   
    
    @Override
    public void initialize(URL url, ResourceBundle rb) {
        bt1.setOnAction(e->handleButtonAction(e));//按钮注册事件处理函数
    }    
    
}

　　在循环中更新了progress属性以及value属性，所以所有绑定了这两个属性的元素也会被跟着更新掉。因为一开始声明的Service<String>，所以value值就是个String，可以直接给process3使用！

　　

　　FXMLDocument.fxml

　　

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ProgressBar?>
<?import javafx.scene.control.ProgressIndicator?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.text.Text?>

<AnchorPane id="AnchorPane" prefHeight="400.0" prefWidth="500.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8.0.65" fx:controller="proces.FXMLDocumentController">
    <children>
        <Label fx:id="label" layoutX="126" layoutY="120" minHeight="16" minWidth="69" />
      <ProgressBar fx:id="process1" layoutX="37.0" layoutY="35.0" prefHeight="23.0" prefWidth="393.0" progress="0.0" />
      <ProgressIndicator fx:id="process2" layoutX="37.0" layoutY="84.0" prefHeight="72.0" prefWidth="88.0" progress="0.0" />
      <Text fx:id="process3" layoutX="37.0" layoutY="181.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Text" wrappingWidth="401.6513671875" />
      <Button fx:id="bt1" layoutX="226.0" layoutY="264.0" mnemonicParsing="false" text="Button" />
    </children>
</AnchorPane>

　　

　　Proces.java

　　

package proces;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

/**
 *
 * @author Administrator
 */
public class Proces extends Application {
    
    @Override
    public void start(Stage stage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("FXMLDocument.fxml"));
        
        Scene scene = new Scene(root);
        
        stage.setScene(scene);
        stage.show();
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }
    
}

　　

　　目录结构：

　　　　　　

　　

　　看到最后你发现了吧，想要在非FX线程中更新UI的话，建议使用Task()方式来做，不敢保证这就是最好的解决方案，但是至少是我目前学到的最好的解决方案，说不定日后会发现更多的解决方法！