JavaFX'de belirli bir GridPane hücresinin arka plan rengini ayarlamaFTPFX

Question

JavaFX'te GridPane belirli satırlarının belirli sütunlarına arka plan rengi ayarlamak istiyorum (ekran görüntüsüne bakın). Lütfen bunu nasıl yapabilirim?

Answer 1

Sen tek hücre için bir bölmeyi ekleyebilir ve bunun için arka plan rengini verir.

Answer 2

Eğer gibi row spanNode üzerinde s ayarlayarak TextArea olarak giriş ekleyin resim, belki en kolay yaklaşım üzerinde böyle bir şey yapmak istiyorsanız: Sonra CSS stilini ayarlayabilirsiniz

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

Varsayılan CSS'nin kendi stilinizle üzerine yazarak TextArea.

Standart CSS üzerine yazmak:

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

kullanabilirsiniz

:

.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; 
} 

Kopyala bu CSS dosyasına, istediğiniz gibi üzerine, o zamana kadar, sizin kontrolünüz için stil eklemek Bir giriş görüntülemek istediğiniz kontrol ne olursa olsun, stil aynı şekilde yapılabilir.