插入图片到TableView中的JavaFX - 图片不显示

Question

我目前正试图从一个解码的视频到的TableView行添加一些图像，他们没有出现。只有空的TableColumns。 TableView已经在JavaFx Scene Builder中与Label一起设计。

这里就是我有这么远：

public class MainScreenController implements Initializable { 

@FXML 
private Label previewBoxLabel; 

@FXML 
private TableView tableView; 

private ObservableList<ImageView> imageList = FXCollections.observableArrayList(); 

@FXML 
public void AddClipBeta(){ 

    //Code which uses an external class in order to decode video (Variables Frames, width and height are not shown but are present in the actual code) 
    VideoSegment clip = new VideoSegment(0, file.getPath(), 0, Frames, width, height); 

//Opens the file in decoding class - ready to output frames   
    try{clip.openFile();} catch(Exception e){} 

//First frame is updated on the preview box 
    previewBoxLabel.setGraphic(new ImageView(convertToFxImage(clip.getThumbnail()))); 


    System.out.println(file.getPath()); 
    int i =0; 

//While loop in test phase to see whether or not 10 frames will be visible in the table 
    while(i != 10){ 

    //Creates and sets columns to tableView 
     TableColumn<ImageView, ImageView> col = new TableColumn<ImageView, ImageView>(); 
     col.setPrefWidth(100); //Set width of column 
     tableView.getColumns().add(col); 

     col.setCellFactory(new Callback<TableColumn<ImageView, ImageView>, TableCell<ImageView, ImageView>>() { 

      @Override 
      public TableCell<ImageView, ImageView> call(TableColumn<ImageView, ImageView> p) { 


        TableCell<ImageView, ImageView> cell = new TableCell<ImageView, ImageView>(){ 
        }; 

        return cell; 
      } 


     }); 

    //Adds current frame to list 
     imageList.add(new ImageView(convertToFxImage(clip.getThumbnail()))); 

    //Gets next video frame 
     try{clip.getNextFrame();} catch(Exception e){} 

    //Updates counter 
     i++; 
    } 

//Sets list of frames on the table 
    tableView.setItems(imageList); 


} 

// There is a problem with this implementation: transparent pixels on the BufferedImage aren't converted to transparent pixels on the fxImage. 
public static javafx.scene.image.Image convertToFxImage(java.awt.image.BufferedImage awtImage) { 
    if (Image.impl_isExternalFormatSupported(BufferedImage.class)) { 
     return javafx.scene.image.Image.impl_fromExternalImage(awtImage); 
    } else { 
     return null; 
    } 
} 

我一直在努力了解的TableView如何工作的最后几天，这将是一个真正的突破，如果我们能得到的这条底线。

感谢您的阅读和提前任何帮助！

Answer 1

我设法与你们的帮助排序了这一点。基本上，我所做的是使一个类与一群getter和setter方法的以及发生在ImageViews并将它设置为一个变量，它通过的构造函数类的构造。然后，我回到我的代码，增加了以下内容：

类具有getter和setter：

import javafx.scene.image.ImageView; 


public class tableDataModel { 

private ImageView image; 

public tableDataModel(ImageView image){ 
    this.image = image; 
} 

public ImageView getImage(){ 
    return image; 
} 

public void setImage(ImageView image){ 
    this.image = image; 
} 

}

代码从MainScreenController：

TableColumn<tableDataModel, ImageView> col = new TableColumn<>(); 
    tableView.getColumns().add(col); 
    imageList.add(new tableDataModel(new ImageView(convertToFxImage(clip.getThumbnail())))); 
col.setPrefWidth(50); 
    col.setCellValueFactory(new PropertyValueFactory<tableDataModel, ImageView>("image")); 

    int i = 0; 
    while (i != 10) { 



    try { 
      imageList.add(new tableDataModel(new ImageView(convertToFxImage(clip.getNextFrame())))); 
     } catch (Exception e) { 
     } 
     i++; 
} 
tableView.setItems(imageList); 

Answer 2

当设置CellFactory，你需要采取在考虑，它会覆盖一些默认bevaiours如设置文本和图像。

例如。我必须创建一个ListViewApplication s，双击启动。我必须设置一个CellFactory以便为每个单独的单元格的鼠标单击添加一个监听器。

applications.setCellFactory(new Callback<TreeView<Application>, TreeCell<Application>>() { 

     @Override 
     public TreeCell<Application> call(TreeView<Application> param) { 
      return new TreeCell<Application>() { 

       @Override 
       protected void updateItem(Application item, boolean empty) { 
        //call the origional update first 
        super.updateItem(item, empty); 
        //the root item in my list is null, this check is required to keep a null pointer from happening 
        if (item != null) { 
         // text and graphic are stored in the Application object and set. 
         this.setText(item.getApplicationListName()); 
         this.setGraphic(item.getGraphic()); 

         // registers the mouse event to the cell. 
         this.setOnMouseClicked((MouseEvent e) -> { 
          if (e.getClickCount() == 2) { 
           try { 
            this.getItem().launch(tabBar); 
           } catch (UnsupportedOperationException ex) { 
            Dialogs.create().nativeTitleBar().masthead("Comming Soon™").message("Application is still in development and will be available Soon™").nativeTitleBar().title("Unavailable").showInformation(); 
           } 
          } else { 
           e.consume(); 
          } 

         }); 
        }else if(empty){ 
         this.setText(null); 
         this.setGraphic(null); 
         this.setOnMouseClicked(null); 
        } 
       } 
      }; 
     } 
    }); 

这是从一些其他代码拼凑在一起，所以如果有什么你想要解释，让我知道！