JavaFX中有没有方法可以隐藏Spinner组件的文本输入框？

方案1：隐藏现有Spinner的文本输入框 #

不需要替换组件，直接对现有Spinner做配置即可实现需求：

• 代码端配置

// 先禁用编辑功能，避免用户误触发输入
spinner.setEditable(false);
// 隐藏编辑器组件
spinner.getEditor().setVisible(false);
// 设为不受布局管理，移除文本框原本占用的布局空间
spinner.getEditor().setManaged(false);
// 可选：调整Spinner宽度，仅保留增减按钮所需的尺寸
spinner.setPrefWidth(45);

如果使用FXML开发，可先在FXML标签中给Spinner设置editable="false"属性，再在Controller的初始化方法中执行上述剩余代码即可。

• CSS样式控制（适合全局批量配置）
  先给需要隐藏文本框的Spinner添加自定义样式类：

spinner.getStyleClass().add("hide-spinner-editor");

再在CSS文件中添加对应样式规则：

.hide-spinner-editor .text-input {
    -fx-pref-width: 0;
    -fx-min-width: 0;
    -fx-max-width: 0;
    -fx-padding: 0;
    -fx-border-width: 0;
}

方案2：使用轻量替代组件 #

如果仅需要单次±1的增减功能，完全可以自定义控件实现，没有冗余逻辑：
直接用两个按钮垂直排列实现增减控件，示例逻辑：

// 目标属性变量
int count = 0;
Button increaseBtn = new Button("↑");
Button decreaseBtn = new Button("↓");
// 绑定点击事件
increaseBtn.setOnAction(event -> count++);
decreaseBtn.setOnAction(event -> count--);
// 组装布局
VBox adjustControl = new VBox(2, increaseBtn, decreaseBtn);

这种方案的控件样式、交互逻辑完全可自定义，更适配仅需要增减操作的场景。

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