在JavaFX中编程打开组合框时，如何确定组合框的方向和位置？

Question

当通过编程方式打开组合框时，我遇到了定位和方向方面的问题。因为组合框位于表中的表行内，用户必须在一个单元格中总共单击三次才能打开组合框。为了方便起见，我创建了一个自定义类，允许一键编辑组合框。这很有效！然而，当组合框打开时，结果对话的左上角被塞进所选单元格的左上角，而不仅仅是在组合框的下方，并与组合框对齐。例如：

当用户通过使用鼠标滚轮或单击滚动条并移动它来滚动组合框时，此问题会自行纠正。

另一个有趣的问题是组合框并不总是以正确的方向打开。在UI底部的一个特定的表中，组合框将向下打开，在第1行到第5行中。在第4和第5行中，一旦用户滚动，组合框将移动到组合框上方的正确位置。第4行显示的组合框示例：

private class MyCustomComboBoxTableCell extends TableCell<MyCustomRow, String>{

    private final ComboBox<String> comboBox;

    public MyCustomComboBoxTableCell(ObservableList<String> items){
        this.comboBox = new ComboBox<String>(items);

        comboBox.setOnShown(new EventHandler<Event>(){
            @Override
            public void handle(Event event) {
                getTableView().edit(getIndex(), getTableColumn());
                getTableView().getSelectionModel().clearSelection();
            }
        });

        comboBox.valueProperty().addListener(new ChangeListener<String>(){
            @Override
            public void changed(ObservableValue obs, String oldValue, String newValue) {
                if(newValue != null && !newValue.equals(oldValue)){
                    commitEdit(comboBox.getSelectionModel().getSelectedItem());
                }
            }
        });

        addEventHandler(MouseEvent.MOUSE_CLICKED, new EventHandler<MouseEvent>(){
            @Override
            public void handle(MouseEvent event){
                if(getIndex() < getTableView().getItems().size()){
                    startEdit();
                    comboBox.show();
                }
            }
        });
    }

    @Override
    public void startEdit(){
        super.startEdit();

        setGraphic(comboBox);
        setText(null);
    }

    @Override
    public void cancelEdit(){
        super.cancelEdit();

        setText((String)getItem());
        setGraphic(null);
    }

    @Override 
    public void updateItem(String item, boolean empty){
        super.updateItem(item, empty);
        if(empty){
            setGraphic(null);
        } else {
            if(isEditing()){
                setGraphic(comboBox);
                setText(null);
            } else {
                setGraphic(null);
                setText(getItem());
            }
        }
    }
}

Answer 1

开始编辑时，尚未对组合框进行布局。弹出窗口将根据组合框的当前边界显示，这意味着这些边界很可能是错误的。

在tableview上触发布局传递应该可以解决此问题：

addEventHandler(MouseEvent.MOUSE_CLICKED, new EventHandler<MouseEvent>() {
    @Override
    public void handle(MouseEvent event) {
        if (getIndex() < getTableView().getItems().size()) {
            startEdit();

            // trigger layout pass
            getTableView().applyCss();
            getTableView().layout();

            comboBox.show();
        }
    }
});