JavaFX ScrollPane加载按钮滚动卡顿，ImageView无异常求助

这既不是你的代码问题，也不是ScrollPane本身的缺陷，核心原因是Button作为交互控件的渲染与布局开销远高于ImageView：

• ImageView是轻量级渲染组件，仅负责图像绘制，没有多余的交互逻辑和样式状态；
• 而Button包含文本渲染、多层背景/边框、hover/pressed等状态的样式逻辑、事件监听等，每个Button的初始化、布局计算和渲染都会消耗更多CPU/GPU资源，当数量达到200+时，累计开销会直接导致滚动卡顿。

解决方法 #

• 使用虚拟化容器（推荐）
  JavaFX的ListView（或TableView）内部采用VirtualFlow机制，只会渲染当前可见区域内的控件，不会一次性创建所有Button，即使数千个条目也能流畅滚动。示例代码：

  public class TestApplication extends Application {
      @Override
      public void start(Stage stage) {
          ListView<String> listView = new ListView<>();
          ObservableList<String> items = FXCollections.observableArrayList();
          for (int i = 0; i < 400; i++) {
              items.add("Hello");
          }
          listView.setItems(items);
          
          // 将单元格自定义为Button
          listView.setCellFactory(param -> new ListCell<String>() {
              private final Button button = new Button();
              
              @Override
              protected void updateItem(String item, boolean empty) {
                  super.updateItem(item, empty);
                  if (empty || item == null) {
                      setGraphic(null);
                  } else {
                      button.setText(item);
                      setGraphic(button);
                  }
              }
          });
  
          stage.setScene(new Scene(listView, 500, 250));
          stage.show();
      }
  
      public static void main(String[] args) {
          launch();
      }
  }
  

• 简化Button样式
  如果必须使用VBox+ScrollPane，可以通过简化Button的样式来减少渲染压力，比如去掉不必要的背景、边框和状态样式：

  Button button = new Button("Hello");
  button.setStyle("-fx-background-color: transparent; -fx-border-width: 0; -fx-padding: 2px;");
  

• 手动延迟加载
  监听ScrollPane的滚动事件，仅创建当前可见区域附近的Button，滚动时动态销毁超出范围的控件。这种方式需要自己处理布局计算，实现复杂度较高，不推荐优先使用。

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