如何获取JavaFX TableCell并根据条件修改其样式？

Hey there! Don’t stress about not being a JavaFX expert—this is a super common use case, and we can break it down step by step to fit your real-time stock data setup. Since you already have your Stock class with a variation property and an ObservableList<Stock> powering your TableView, here’s exactly how to target specific cells and apply custom styles based on your conditions:

Step 1: Use a Custom Cell Factory for Your Target Column #

The core trick here is creating a custom cell factory for the column where you want to apply styling. This factory generates TableCells that automatically re-check your condition every time the cell’s data updates (which happens seamlessly with your ObservableList—ideal for real-time stock data!).

Let’s say you want to style the variation column: green text for positive changes, red for negative. Here’s the code:

// Assume you've already defined your variation column as TableColumn<Stock, Number>
variationColumn.setCellFactory(column -> new TableCell<Stock, Number>() {
    @Override
    protected void updateItem(Number variation, boolean empty) {
        super.updateItem(variation, empty);
        
        // Clear old styles and text first to avoid leftover formatting
        setText(null);
        getStyleClass().removeAll("positive-variation", "negative-variation");
        
        if (!empty && variation != null) {
            // Set the cell's display text (formatted as a percentage here)
            setText(String.format("%.2f%%", variation.doubleValue()));
            
            // Apply your condition logic
            double varValue = variation.doubleValue();
            if (varValue > 0) {
                getStyleClass().add("positive-variation");
            } else if (varValue < 0) {
                getStyleClass().add("negative-variation");
            }
            // No style added if variation is 0
        }
    }
});

Step 2: Define Your Styles in CSS #

Next, add the corresponding styles to a CSS file (external CSS is cleaner than inline styling):

.positive-variation {
    -fx-text-fill: #27ae60; /* Dark green */
    -fx-font-weight: bold;
}

.negative-variation {
    -fx-text-fill: #c0392b; /* Dark red */
    -fx-font-weight: bold;
}

Don’t forget to link the CSS to your TableView or scene:

tableView.getStylesheets().add(getClass().getResource("stock-styles.css").toExternalForm());

Step 3: Style Cells in Other Columns (If Needed) #

If you need to style a cell in a different column (like the stock name column) based on the variation property, you can access the full Stock object from the cell’s row:

// Example for a stock name column (TableColumn<Stock, String>)
stockNameColumn.setCellFactory(column -> new TableCell<Stock, String>() {
    @Override
    protected void updateItem(String name, boolean empty) {
        super.updateItem(name, empty);
        
        setText(null);
        getStyleClass().removeAll("high-variation-cell");
        
        if (!empty && name != null) {
            setText(name);
            
            // Grab the Stock object from the current row
            Stock stock = getTableView().getItems().get(getIndex());
            double variation = stock.getVariation();
            
            // Custom condition: highlight if variation is ±5% or more
            if (Math.abs(variation) >= 5) {
                getStyleClass().add("high-variation-cell");
            }
        }
    }
});

Add this style to your CSS:

.high-variation-cell {
    -fx-background-color: #f1c40f; /* Yellow background */
    -fx-text-fill: #2c3e50; /* Dark text */
}

Critical Tip for Real-Time Updates #

To make sure styles update automatically when your stock data changes, ensure your variation property in the Stock class is a JavaFX Property (not a plain double):

public class Stock {
    private final DoubleProperty variation = new SimpleDoubleProperty();
    
    public double getVariation() {
        return variation.get();
    }
    
    public void setVariation(double newValue) {
        this.variation.set(newValue);
    }
    
    public DoubleProperty variationProperty() {
        return variation;
    }
    
    // Add other properties (name, price, etc.) here
}

This way, whenever you call stock.setVariation(newRealTimeValue), the TableView will instantly refresh the cell and re-apply your style condition—perfect for your live data flow!

内容的提问来源于stack exchange，提问作者Oussama Ben Ghorbel