JavaFX初始化完成后通过控制器实现TabPane淡入效果失败问题

我一眼就瞅出问题所在啦——你的FadeTransition是从0过渡到1，但TabPane默认的opacity属性值本来就是1，所以动画执行的时候看起来就像直接显示了，完全看不出过渡效果。另外还有个小细节：在initialize方法里直接播放动画时，节点可能还没完全挂载到场景图中，这也会导致动画“偷偷”失效。

下面是具体的修复方案，你可以按需选择：

方案一：先给TabPane设置初始透明度为0 #

修改控制器的initialize方法，在创建动画前先把TabPane的透明度设为0，让它一开始处于完全不可见的状态：

@Override
public void initialize(URL url, ResourceBundle rb) {
    // 先把TabPane设为完全透明
    tabPane.setOpacity(0);
    
    FadeTransition fadein = new FadeTransition(Duration.seconds(5), tabPane);
    fadein.setFromValue(0);
    fadein.setToValue(1);
    fadein.play();
}

方案二：等节点加入场景后再播放动画 #

有时候即使设置了初始透明度，节点没完全加入场景的话动画也可能不触发，这时候可以监听TabPane的scene属性，确保它真正挂载到场景后再启动动画：

@Override
public void initialize(URL url, ResourceBundle rb) {
    tabPane.setOpacity(0);
    // 监听场景变化，节点加入场景后再播放动画
    tabPane.sceneProperty().addListener((obs, oldScene, newScene) -> {
        if (newScene != null) {
            FadeTransition fadein = new FadeTransition(Duration.seconds(5), tabPane);
            fadein.setFromValue(0);
            fadein.setToValue(1);
            fadein.play();
        }
    });
}

额外小技巧：直接在FXML里设置初始透明度 #

你还可以把初始透明度的设置放到FXMLTabPane.fxml文件里，这样控制器代码会更简洁：

<TabPane fx:id="tabPane" opacity="0" ...>
    <!-- 你的TabPane内容 -->
</TabPane>

之后控制器里只需要创建并播放动画就好，不用再手动设置opacity啦。

这样修改后，程序启动时TabPane就会从完全透明慢慢淡入到完全可见，正好符合你的预期~

内容的提问来源于stack exchange，提问作者Petr Pahorecký