JavaFXのGridPaneの特定のセルにバックグラウンドカラーを設定します

Question

JavaFXのGridPaneの特定の行の特定の列に背景色を設定したいとします（スクリーンショット参照）。どうすればいいのか説明してください。

Answer 1

あなたは、単一のセルのためのウィンドウを追加し、それの背景色を与えることができます。

Answer 2

あなたは絵のような何かをしたい場合は、おそらく最も簡単な方法あなたのような、row spanNodeにSを設定することにより、TextAreaとして、あなたのエントリを追加する場合：

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

その後、あなたはCSSスタイルを設定することができますTextAreaのデフォルトのCSSを独自のスタイルで上書きしてください。

デフォルトのCSSを上書きする：

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

あなたが使用することができ

：

.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ファイルに、あなたが望むように上書きし、その後で、あなたのコントロールにスタイルシートを追加1つのエントリを表示したいコントロールがあれば、スタイリングは同じ方法で行うことができます。