JavaFX触控应用ComboBox滚动条始终显示问题求助

嘿，这个问题我在触控类JavaFX项目里碰到过，确实滚动条时隐时现对触摸屏操作太不友好了，给你几个靠谱的解决方案：

这是最直接可控的方式，核心思路是获取ComboBox弹出的ListView实例，直接设置它的滚动条显示策略：

ComboBox<String> comboBox = new ComboBox<>();
// 先给ComboBox添加足够多的测试选项
comboBox.getItems().addAll("选项1", "选项2", "选项3", "选项4", "选项5", "选项6", "选项7", "选项8");

// 监听ComboBox的展开事件，在弹出时设置滚动条
comboBox.showingProperty().addListener((obs, wasShowing, isNowShowing) -> {
    if (isNowShowing) {
        // 从ComboBox的Skin里查找弹出的ListView
        ListView<String> popupListView = (ListView<String>) comboBox.getSkin().getNode().lookup(".list-view");
        if (popupListView != null) {
            // 强制垂直滚动条始终显示
            popupListView.setVbarPolicy(ScrollBarPolicy.ALWAYS);
            // 如果需要水平滚动条也一直显示，就加上这句
            // popupListView.setHbarPolicy(ScrollBarPolicy.ALWAYS);
        }
    }
});

为什么要监听展开事件？因为ComboBox的弹出列表是在展开时才初始化的，提前获取会得到null，所以要等它显示时再设置。

你之前的CSS可能是选择器或者属性写错了，试试这段正确的写法：

/* 强制ComboBox弹出列表的滚动条始终显示 */
.combo-box-popup .list-view {
    -fx-vbar-policy: always;
    -fx-hbar-policy: always; /* 可选，不需要水平滚动条就删掉 */
}

/* 额外优化：触控场景下可以把滚动条调宽一点，方便点击拖动 */
.combo-box-popup .list-view .scroll-bar:vertical {
    -fx-pref-width: 22px;
}

记得把这段CSS通过comboBox.getStylesheets().add("你的CSS文件路径");或者全局场景样式的方式应用到项目里。

如果你的选项数量不确定，可以给弹出列表设置一个固定的最大高度，这样当选项超过这个高度时滚动条必然显示，触控操作的区域也更稳定：

// 设置弹出列表的最大高度，比如能显示6个选项的高度
comboBox.setMaxHeight(240);
// 也可以用CSS实现
/*
.combo-box-popup .list-view {
    -fx-max-height: 240px;
}
*/

这个方案可以和前两个配合使用，效果会更好。

小提示 #

• 测试时要确保选项数量足够多，不然即使设置了ALWAYS，滚动条也会是灰色不可拖动的状态（但依然可见）。
• 如果是JavaFX 8及更早版本，getSkin()的调用方式可能略有差异，但核心逻辑是一致的。

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