JavaFX TableView：如何將條件單元格樣式移動到FXML/CSS？

Question

我想在JavaFX Tableview中的單元格中設置文本樣式。我的模型有StringProperty title, description;和BooleanProperty warning;

public class MyItem { 
    @FXML 
    private final StringProperty title = new SimpleStringProperty(); 
    @FXML 
    private final StringProperty description = new SimpleStringProperty();  
    @FXML 
    private final BooleanProperty warning = new SimpleBooleanProperty(); 
    //... 
} 

的表應該有title和description。說明始終是-fx-font-weight: normal。如果是warning和-fx-font-weight: normal，則標題爲-fx-font-weight: bold。這是一個可用的POJO方法。

column.setCellFactory(new Callback<TableColumn<Message, String>, TableCell<Message, String>>() { 
     public TableCell<Message, String> call(TableColumn<Message, String> param) { 
      return new TableCell<Message, String>() { 

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

        if (empty || null == getTableRow() || null == getTableRow().getItem()) { 
         setText(null); 
        } else { 
         MyItem m = (MyItem) this.getTableRow().getItem(); 

         if (null != m) { 
          setText(m.getTitle());         
          String style = m.isWarning()? "-fx-font-weight: bold" : "-fx-font-weight: normal"; 
          setStyle(style); 
         } 
        } 
       } 
      }; 
     } 
    }); 

我想將樣式移動到FXML和CSS。這裏是我的嘗試：

public class MyController{ 

    @FXML 
    private TableView myTable; 
    @FXML 
    private TableColumn<MyItem, String> titleColumn; 
    @FXML 
    private TableColumn<MyItem, String> descriptionColumn; 

    //... 
} 

<content> 
    <TableView styleClass="fxml-table-style" stylesheets="@my_table_style.css" fx:id="myTable" > 
     <columns> 
     <TableColumn text="Title"> 
      <cellValueFactory><PropertyValueFactory property="title" /> 
      </cellValueFactory> 
     </TableColumn> 
     <TableColumn text="Body"> 
      <cellValueFactory><PropertyValueFactory property="description" /> 
      </cellValueFactory> 
     </TableColumn> 
     </columns> 
    </TableColumn> 
</columns> 

如何告訴Java的「如果使用自定義樣式1列標題和行isWarning;使用自定義風格的-2，否則」？

Answer 1

你可以用CSS做的一件事是編寫選擇器，考慮到Node的父母。

這將是適合於preudoclass添加到TableRow爲什麼會產生警告屬性是true：

public class WarningRowFactory implements Callback<TableView<MyItem>, TableRow<MyItem>> { 

    private static final PseudoClass WARNING = PseudoClass.getPseudoClass("warning"); 

    @Override 
    public TableRow<MyItem> call(TableView<MyItem> table) { 
     return new TableRow<MyItem>() { 

      private final InvalidationListener listener = observable -> pseudoClassStateChanged(WARNING, getItem() != null && getItem().isWarning()); 

      @Override 
      public void updateItem(MyItem item, boolean empty) { 
       if (getItem() != null) { 
        getItem().warningProperty().removeListener(listener); 
       } 

       super.updateItem(item, empty); 

       if (item != null) { 
        item.warningProperty().addListener(listener); 
       } 

       listener.invalidated(null); 
      } 
     }; 
    } 
} 

<TableView styleClass="fxml-table-style" stylesheets="@my_table_style.css" fx:id="myTable" > 
    <rowFactory> 
     <WarningRowFactory /> 
    </rowFactory> 
    ... 

.table-row-cell .table-cell { 
    -fx-font-weight: normal; 
} 

.table-row-cell:warning .table-cell { 
    -fx-font-weight: bold; 
}