使用自定义列表单元格时的 JavaFX ListView 呈现错误

Question

我正在创建一个highlighting communication logger，它使用ListView 在单个单元格中显示每条消息。

它基本上可以工作，但是当我快速上下滚动时，会发生奇怪的事情。如您所见，我突出显示了当前选定的单元格和鼠标所在的单元格。上下滚动后，突出显示的单元格不是我的鼠标指针所在的单元格，对于某些单元格，我无法通过单击选择它们。

我能够在一个非常简单的示例中重现这一点。假设我们有一个带有自定义MyListCell 的字符串ListView，使用TextFlow 呈现这些单元格。 MyListCell 的 updateItem 方法是这样的

@Override
  protected void updateItem(String item, boolean empty) {

    super.updateItem(item, empty);

    if (empty || item == null) {
      setText(null);
      setGraphic(null);
      return;
    }

    TextFlow textFlow = new TextFlow(new Text(item));
    setGraphic(textFlow);
    setText(null);
  }

在初始化中，我只是创建了一个新的可观察字符串数组，并相应地设置了单元工厂：

public ObservableList<String > content = FXCollections.observableArrayList();
public ListView<String> listView;

@Override
public void initialize(URL location, ResourceBundle resources) {

    listView.setCellFactory(cb -> new MyListCell());
    listView.setItems(content);
    /* ... /*

完整的工作示例代码仅包含一些文件（您需要调整包路径）：

• gui.fxml
• GUI.java
• Controller.java
• MyListCell.java
• style.css

问题：谁能确认这种行为并告诉我我做错了什么？

我的系统是 Ubuntu 14.04 和 Oracle jdk 1.8.0_25

Answer 1

基本上在 JavaFX 中创建一个新的 Node 并将其添加到 SceneGraph 是一项昂贵的操作。这就是为什么ListView 使用虚拟化布局容器，在视口更改时重用其单元格而不是创建新单元格。

您应该做的是在您的ListCell 中重用TextFlow，或者换句话说：将其存储为成员属性并“仅”将其子项设置在updateItem() 方法中。

关于TextFlow 与HBox：TextFlow 有一个相当复杂的布局机制，因为它内置了（word）换行。因此，如果 HBox 满足您的需求，您应该考虑使用它来代替（当然将其缓存在 ListCell 中）。

您可以尝试通过缓存Text 节点来进一步提升它。但目前我无法为您提供一个简单的解决方案（JavaFX 中的Node 只能包含在单个Parent 节点中，因此带有computeIfAbsent 的简单WeakHashMap 缓存将不起作用）..