在JavaFX中的GridPane的特定單元格上設置背景顏色

Question

我想在JavaFX中為特定行的GridPane設置特定列的背景顏色（參見屏幕截圖）。 請描述我該怎么做？

Answer 1

您可以為單個單元格添加窗格並為其指定背景顏色。

Answer 2

如果你想在圖片上做一些事情，如果你通過設置Node s上的行跨度將條目添加為TextArea ，可能是最簡單的方法，例如：

grid.add(area, 1, 0);
GridPane.setRowSpan(textArea, 2);

然后，您可以通過使用自己的樣式覆蓋默認CSS來設置TextArea的CSS樣式。

要覆蓋的默認CSS：

.text-area {
    -fx-skin: "com.sun.javafx.scene.control.skin.TextAreaSkin";
    -fx-background-color: -fx-shadow-highlight-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 3, 2, 2;
    -fx-padding: 1;
    -fx-prompt-text-fill: derive(-fx-control-inner-background,-30%);
}

.text-area .scroll-pane {
    -fx-background-color: transparent;
}

.text-area .content {
    -fx-padding: 3 5 3 5; 
    -fx-cursor: text;
}

.text-area:focused {
    -fx-background-color: -fx-focus-color, -fx-text-box-border, -fx-control-inner-background;
    -fx-background-insets: -0.4, 1, 2;
    -fx-background-radius: 3.4, 2, 2;
    -fx-prompt-text-fill: transparent;
}

.text-area:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

將其復制到您的CSS文件，根據需要覆蓋，然后通過以下方式將樣式表添加到您的控件：

grid.getStylesheets().add(getClass().getResource("nameofyourcssfile.css").toExternalForm());;

您可以使用任何控件來顯示一個條目，樣式可以以相同的方式完成。