Tài liệu tham khảo hay nhất cho các thuộc tính và bộ chọn CSS JavaFX

Question

Tôi đang cố gắng tìm hiểu JavaFX 2, nhưng tôi đã rất cố gắng để tạo kiểu cho ứng dụng của mình. Tôi đã tìm thấy this document để cố gắng điều khiển tài liệu và thuộc tính css áp dụng cho chúng. Tôi không thể nói nếu nó không đầy đủ, nếu tôi nên sử dụng một số selectors không rõ hoặc hỗ trợ CSS của JavaFX chỉ là không đủ mạnh cho nhu cầu của tôi.

Dưới đây là một vài ví dụ: (? Là có một selector cho rằng, hoặc có lẽ một tài sản)

• Làm thế nào tôi có thể thay đổi màu nền cho khu vực phía sau một TabPane mà không tô màu mỗi thành phần con khác
• Làm cách nào để thay đổi màu của các tab không được chọn?

Answer 1

Các bạn đã thử một cái gì đó như thế này?

Điều này sử dụng bộ chọn ID như được hiển thị trong tài liệu "Ứng dụng JavaFX với CSS". Bạn cũng có thể bỏ chọn bộ chọn "#MyTabPane" và áp dụng cho tất cả các TabPane. (Có vẻ như bộ chọn .tab và .tab-content-area không được thảo luận trong hướng dẫn tham khảo. Tôi đã đi tới tệp "caspian.css" chứa trong tệp jfxrt.jar để tìm chúng.)

TabExample. css

#MyTabPane .tab { 
    -fx-background-color: blue; 
} 
#MyTabPane .tab:selected { 
    -fx-background-color: red; 
} 

#MyTabPane .tab-content-area { 
    -fx-background-color: cyan; 
} 

#MyTabPane .tab *.tab-label { 
    -fx-text-fill: white; 
} 

TabPaneEx.java

@Override 
    public void start(Stage primaryStage) { 
     primaryStage.setTitle("Hello World"); 
     StackPane root = new StackPane(); 
     TabPane pane = new TabPane(); 
     pane.setId(("MyTabPane")); 
     Tab tab1 = new Tab("ONE"); 
     Tab tab2 = new Tab("TWO"); 
     Tab tab3 = new Tab("THREE"); 
     pane.getTabs().addAll(tab1,tab2,tab3); 
     Scene scene = new Scene(root, 300, 250); 
     root.getChildren().add(pane); 
     scene.getStylesheets().add(
       this.getClass().getClassLoader().getResource("tabpaneex/TabExample.css").toString()); 
     primaryStage.setScene(scene); 
     primaryStage.show(); 
    } 

Answer 2

JavaFX CSS Reference Guide

Skinning JavaFX Applications with CSS