Question

我在应用程序中有一个连接按钮，并且在堆栈窗格上放置了两个窗格。第一个窗格是chatPane，第二个窗格是在其背景上设置了.gif的加载程序。

我想要做的是单击“连接”之后，我想显示加载程序（在其背景上移动gif），然后等待 delegate.connectToServer（..）方法结束，然后关闭加载程序窗格，然后切换回chatPane。

使用当前代码，似乎javaFX应用程序线程无法可视化对GUI所做的更改，直到到达 connectClicked（）方法的末尾，这意味着不会显示加载程序窗格。

我尝试在线程中将setConnectionStatus方法的内容作为Task运行，但是这样做时，我通过Label对象的setText方法收到了Not On fx application thread异常，但是加载程序gif很好地显示了。

我也尝试过这样的暂停过渡：

@FXML
public void connectClicked() {
    setConnectionStatus(CONNECTING);
    PauseTransition pause = new PauseTransition(Duration.seconds(0.1));

    pause.setOnFinished(event -> {
        try {
            delegate.connectToServer(connectionConfig.getServerAddress().getIp(),
                        connectionConfig.getServerAddress().getPort(),
                        connectionConfig.getTimeout());
            setConnectionStatus(CONNECTED);
            } catch (ConnectionException e) {
                setConnectionStatus(DISCONNECTED);
                //todo reconnect dialog
            } catch (FatalException e) {
                handleFatalError("Connection error", e.getMessage());
            }
        });
        pause.play();
    }

这导致显示的加载器窗格移动了0.1秒，并且动画停止后（加载器窗格仍可见，只有gif停止了）

我还尝试用Platform.runLater()或Thread包装try catch块，但没有效果。

我不能使用Platform.runLater来显示加载程序，因为我希望gui更改能够立即执行，而不是“将来某个时候”执行

这是完整的代码：

@FXML public VBox loader;
@FXML public SplitPane chatPane;
@FXML public MenuItem connectMenuItem;
@FXML public MenuItem disconnectMenuItem;
@FXML public Label connectionStatus;

@FXML
public void connectClicked() {
       setConnectionStatus(CONNECTING);
        try {
            delegate.connectToServer(connectionConfig.getServerAddress().getIp(),
                    connectionConfig.getServerAddress().getPort(),
                    connectionConfig.getTimeout());
            setConnectionStatus(CONNECTED);

        } catch (ConnectionException e) {
            setConnectionStatus(DISCONNECTED);
            //todo reconnect dialog
        } catch (FatalException e) {
            handleFatalError("Connection error", e.getMessage());
        }
    }

     private void setConnectionStatus(ConnectionStatus status) {
        switch (status) {
            case CONNECTED:
                setStatusLabel("Connected", GREEN);
                setConnectionMenu(false, true);
                showChatPane();
                break;
            case DISCONNECTED:
                setStatusLabel("Not Connected", RED);
                setConnectionMenu(true, false);
                showChatPane();
                break;
            case CONNECTING:
                setStatusLabel("Connecting...", BLUE);
                setConnectionMenu(false, false);
                showLoader();
                break;
            case DISCONNECTING:
                setStatusLabel("Disconnecting...", BLUE);
                setConnectionMenu(false, false);
                showLoader();
                break;
        }
    }

    private void setStatusLabel(String text, Color color) {
        connectionStatus.setText(text);
        connectionStatus.setTextFill(color);
    }

    private void setConnectionMenu(boolean isConnectEnabled, boolean isDisconnectEnabled) {
        connectMenuItem.setDisable(!isConnectEnabled);
        disconnectMenuItem.setDisable(!isDisconnectEnabled);
    }

    private void showLoader() {
        chatPane.setVisible(false);
        loader.setVisible(true);
    }

    private void showChatPane() {
        chatPane.setVisible(true);
        loader.setVisible(false);
    }

Answer 1

看起来像用线程工作包装try catch块，但由于我使用的是thread.run（）而不是thread.start（）...，所以它没有更早起作用。

我还必须在线程体内的setConnectionStatus方法上添加Platform.runLater。

主应用程序线程直到方法结束才更新GUI

1 个答案: