你好,欢迎访问我的博客!登录
当前位置:首页 - JavaFX - 正文 求知成瘾,却无作品!

javaFX在非FX线程中更新UI

2016-10-20JavaFX攻城狮4546°c
A+ A-

如果使用了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);
    }
    
}

目录结构:

QQ截图20161020121414.png


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

标签:

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。


访客
1楼  访客 @Ta
时间:2017-04-15 12:48:32

adsf

  登录