使用FXML在JavaFX中自定义ListView

3 回答

• 4

  由于某种原因，Anvay的答案对我没有用，我必须做的就是修复它只是一些非常小的调整：

  • 从listCellItem.fxml中删除import data语句

  • 作为Data.java中post状态下面的注释放入hBox = fmxlLoader.load（）

  • 我还有一个主类（intellij auto generated） .

  public class MainMain extends Application {
  
  @Override
  public void start(Stage primaryStage) throws Exception{
  
  FXMLLoader fxmlLoader = new 
  FXMLLoader(getClass().getResource("MainController.fxml"));
  try
  {
      Parent root = fxmlLoader.load();
  
      Scene scene = new Scene(root);
      primaryStage.setScene(scene);
      primaryStage.setTitle("Title");
      primaryStage.show();
  }
  catch (IOException e)
  {
      throw new RuntimeException(e);
  }
  }
  
  
  
  public static void main(String[] args) {
      launch(args);
  }
  

  我知道这对大多数专家来说可能是显而易见的，但这些问题在我调试时困扰了我好几个小时 .

  回复于 2024-05-08T19:08:29+08:00
• 73

  我理解你的问题 . 在_531682中设置项目主要有两种方法：

  1. 创建 ObservableList 并使用 ObservableList （ listView.setItems(observableList) ）设置 ListView 的项目 .

  2. 使用 ListView 类的 setCellFactory() 方法 .

  您更愿意使用 setCellFactory() 方法，因为这种方法简化了流程，并且有助于分离业务逻辑和UI（FXML） .

  ---

  Here is a more detailed explaination:

  ---

  1. 创建一个名为 listview.fxml 的新FXML文件以包含 ListView ，并将 ListViewController 类设置为其控制器：

  文件：listview.fxml：

  <?import javafx.scene.layout.GridPane?>
  <?import javafx.scene.control.ListView?>
  <?import demo.ListViewController?>
  
  <GridPane xmlns:fx="http://javafx.com/fxml" alignment="CENTER">
       <ListView fx:id="listView"/>
  </GridPane>
  

  ---

  2. 创建控制器并将其命名为 ListViewController .
  控制器可以加载 listview.fxml 文件并访问 listview .

  文件：ListViewController.java：

  package demo;
  
  import javafx.collections.FXCollections;
  import javafx.collections.ObservableList;
  import javafx.fxml.FXML;
  import javafx.fxml.FXMLLoader;
  import javafx.scene.*;
  import javafx.scene.control.*;
  import javafx.util.Callback;
  import java.io.IOException;
  import java.util.Set;
  
  public class ListViewController
  {
      @FXML
      private ListView listView;
      private Set<String> stringSet;
      ObservableList observableList = FXCollections.observableArrayList();
  
      public ListViewController()
      {
          FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("/fxml/listview.fxml"));
          fxmlLoader.setController(this);
          try
          {
              Parent parent = (Parent)fxmlLoader.load();
              Scene scene = new Scene(parent, 400.0 ,500.0);
          }
          catch (IOException e)
          {
              throw new RuntimeException(e);
          }
      }
  
      public void setListView()
      {
          stringSet.add("String 1");
          stringSet.add("String 2");
          stringSet.add("String 3");
          stringSet.add("String 4");
          observableList.setAll(stringSet);
          listView.setItems(observableList);
          listView.setCellFactory(new Callback<ListView<String>, javafx.scene.control.ListCell<String>>()
          {
              @Override
              public ListCell<String> call(ListView<String> listView)
              {
                  return new ListViewCell();
              }
          });
      }
  }
  

  ---

  3. 首先，您需要设置 ObservableList 的值 . This is very important.
  然后，使用 ObservableList 设置列表项，并在 ListView 上调用 setCellFactory() 方法 . 在给定的示例中，我只需将 String 值添加到 String 集（ Set<String> stringSet ） .

  ---

  4. 在 ListView 上调用 setCellFactory() 方法时，它将返回 ListCell . 因此，为了简单起见，我添加了一个扩展 ListCell 的类，并且 setGraphic() 方法适用于 ListCell() 并将设置 ListCell 的项目 .

  文件：ListViewCell.java：

  package demo;
  
  import javafx.scene.control.ListCell;
  
  public class ListViewCell extends ListCell<String>
  {
      @Override
      public void updateItem(String string, boolean empty)
      {
          super.updateItem(string,empty);
          if(string != null)
          {
              Data data = new Data();
              data.setInfo(string);
              setGraphic(data.getBox());
          }
      }
  }
  

  ---

  5. 我刚刚添加了一个类，它将加载 listCellItem.fxml 并返回 HBox ，它将包含其他组件作为子项 .
  然后将 HBox 设置为 ListCell .

  文件：listCellItem.fxml：

  <?import demo.Data?>
   <?import javafx.scene.layout.HBox?>
   <?import javafx.scene.control.Label?>
  
  <HBox xmlns:fx="http://javafx.com/fxml" fx:id="hBox">
  <children>
      <Label  fx:id="label1"/>
      <Label  fx:id="label2"/>
  </children>
  </HBox>
  

  文件：Data.java：

  package demo;
  
  import javafx.fxml.FXML;
  import javafx.fxml.FXMLLoader;
  import javafx.scene.control.Label;
  import javafx.scene.layout.HBox;
  import java.io.IOException;
  
  public class Data
  {
      @FXML
      private HBox hBox;
      @FXML
      private Label label1;
      @FXML
      private Label label2;
  
      public Data()
      {
          FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("/fxml/listCellItem.fxml"));
          fxmlLoader.setController(this);
          try
          {
              fxmlLoader.load();
          }
          catch (IOException e)
          {
              throw new RuntimeException(e);
          }
      }
  
      public void setInfo(String string)
      {
          label1.setText(string);
          label2.setText(string);
      }
  
      public HBox getBox()
      {
          return hBox;
      }
  }
  

  ---

  使用这种方式，您可以使用 setCellFactory() 方法分离业务逻辑和FXML .

  希望这有用 .

  回复于 2024-05-08T19:08:29+08:00
• 1

  @ Anvay 上面的例子需要进行一些调整才能工作 . 这些都是设置在轨道上的简单方法 .

  • ListViewController需要在JavaFX应用程序线程上运行 .

  • 您只能从JavaFX initialize （）方法调用注入的@FXML元素

  • 需要调用setListView（）

  • 示例中的stringSet需要在调用setListView（）之前使用new分配 .

  下面的ListViewController可以处理这些更改 . 我改变了“stringSet " to a list, " stringList” . 控制器几乎是 Scene Builder 2提供的样本控制器

  public class ListViewController 
   {
  
       @FXML private   ResourceBundle      resources;
  
       @FXML private   URL                 location;
  
       @FXML private   ListView            listView;
  
       private         List<String>        stringList     = new ArrayList<>(5);
       private         ObservableList      observableList = FXCollections.observableArrayList();
  
       public void setListView(){
  
           stringList.add("String 1");
           stringList.add("String 2");
           stringList.add("String 3");
           stringList.add("String 4");
  
           observableList.setAll(stringList);
  
           listView.setItems(observableList);
  
           listView.setCellFactory(
               new Callback<ListView<String>, javafx.scene.control.ListCell<String>>() {
                   @Override
                   public ListCell<String> call(ListView<String> listView) {
                       return new ListViewCell();
                   }
               });
       }
  
       @FXML
       void initialize() {
           assert listView != null : "fx:id=\"listView\" was not injected: check your FXML file 'CustomList.fxml'.";
  
           setListView();
       }
  
   }//ListViewController
  

  需要从JavaFX应用程序的main（）方法启动JavaFX平台 . Netbeans从Maven JavaFX应用程序模板中提供了大部分结构 .

  public class MainApp extends Application {
  
      @Override
      public void start(Stage stage) throws Exception {
  
          Parent root = FXMLLoader.load(getClass().getResource("/fxml/CustomList.fxml"));
  
          Scene scene = new Scene(root);
          scene.getStylesheets().add("/styles/Styles.css");
  
          stage.setTitle("CustomList");
          stage.setScene(scene);
          stage.show();
      }
  
      /**
       *  The main() method is ignored in correctly deployed JavaFX application.
       * 
       *  @param args the command line arguments
       **/
      public static void main(String[] args) {
  
          launch(args);
      }
  }
  

  回复于 2024-05-08T19:08:29+08:00