JavaFX - StackPane 组件跳转

Question

我最近探索了 JavaFX，并发现了一个通过 php 脚本执行登录的简单登录表单。根据结果​​，登录表单指示错误标签或重定向到新场景。

在实际登录过程中，我想显示一个进度条，只要登录不成功，我就将其与错误标签交换(可见性切换)。

出于某种原因，标 checkout 现一次后进度条会跳转到新位置。

显示错误行为的视频:

Video of the issue

重现此行为的最小示例(JDK8，语言级别=8):

Code sample

Answer 1

组件正在跳跃，因为当您将 text 应用到 Label 时，StackPane 的宽度会增加，并且 ProgressBar 移动到 CENTER。

为了将来的引用，您可以通过将样式应用于 StackPane 或任何其他布局来检查类似的现象

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

为了避免这种情况，您必须将 ProgressBar 包装在 HBox 中，并设置 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>
...