Gluon 5.0.0底部导航按钮selected属性设置优化方案求助

嘿，这个场景我太熟了！升级组件后默认状态不符合预期，重复写setSelected(true)确实很繁琐，给你几个更省心的实现方式：

1. 自定义封装导航按钮组件 #

把默认选中逻辑直接封装到自定义Button里，所有视图直接用这个组件，一劳永逸：

public class NavigationButton extends Button {
    // 区分前进/返回按钮，构造时自动设置默认选中状态
    public NavigationButton(String label, boolean isForwardButton) {
        super(label);
        // 直接在这里设置默认选中状态
        this.setSelected(isForwardButton);
        // 还能顺便把通用样式类加上，统一管理样式
        this.getStyleClass().addAll("bottom-nav-btn", isForwardButton ? "forward-btn" : "back-btn");
    }
}

使用的时候就简单了：

// 返回按钮默认不选中
Button backBtn = new NavigationButton("返回", false);
// 前进按钮默认选中
Button forwardBtn = new NavigationButton("前进", true);

2. 基于视图基类统一处理 #

如果你的项目里所有视图都继承自同一个基类，可以在基类的初始化方法里统一设置前进按钮的默认状态：

public class BaseNavView extends View {
    @Override
    protected void initialize() {
        super.initialize();
        // 通过ID查找前进按钮（前提是FXML里给前进按钮设了fx:id="forwardBtn"）
        Optional<Button> forwardBtn = lookup("#forwardBtn")
                .map(node -> (Button) node);
        
        forwardBtn.ifPresent(btn -> btn.setSelected(true));
    }
}

之后所有需要底部导航的视图都继承BaseNavView，不用再单独写设置代码。

3. FXML中直接配置默认状态 #

如果你的视图是用FXML编写的，直接在FXML里给前进按钮加上selected="true"属性即可：

<VBox styleClass="bottom-nav-bar">
    <Button fx:id="backBtn" text="返回" />
    <Button fx:id="forwardBtn" text="前进" selected="true" />
</VBox>

这种方式不用写任何Java代码，适合FXML优先的项目，同样能避免重复劳动。

内容的提问来源于stack exchange，提问作者BodenDokDevs