JavaFX-StackPane組件跳躍

Question

我最近瀏覽了JavaFX，並遇到了一個簡單的登錄表單，該表單通過php腳本執行登錄。 根據結果​​，登錄表單會指示錯誤標簽或重定向到新場景。

在實際登錄過程中，我想顯示一個進度條，只要登錄不成功，我都會用錯誤標簽交換（可見性切換）。

由於某種原因，標簽出現一次后，進度條會跳到新位置。

顯示錯誤行為的視頻：

該問題的視頻

重現此行為的最小示例（JDK8，語言級別= 8）：

代碼樣例

Answer 1

好吧，組件正在跳躍，因為當您將text應用於Label ， StackPane的寬度會增加，而ProgressBar會移至CENTER 。

為了將來參考，可以通過將樣式應用於StackPane或任何其他Layout來檢查類似現象。

<StackPane style=" -fx-border-color:black; 
                -fx-border-width: 1; -fx-border-style: solid;">

為避免這種情況，您必須將ProgressBar包裝在HBox並設置HBox的alignment of the HBox

...
<Label id="login-status-label" fx:id="loginStatusLabel"  />
<HBox alignment="CENTER_RIGHT">
    <ProgressIndicator id="login-status-progress-indicator" 
          fx:id="loginStatusProgressIndicator" prefHeight="15.0" 
                                   prefWidth="15.0" visible="false"/>
</HBox>
...