java - JavaFX 元素中的 CSS 错误

Question

我正在尝试使用名为 Style.css 的样式表在 JavaFX 中向我的 AnchorPane 添加背景图像

当我运行该程序时，我收到以下警告:

WARNING: com.sun.javafx.css.parser.CSSParser declaration CSS Error parsing in-line style 'AnchorPane' from javafx.scene.Node$22@5c4a9e8e: Expected COLON at [-1,-1]

我的 CSS 文件如下所示:

#AnchorPane{
    -fx-background-image:url('penthouse.png');
    -fx-background-repeat: no-repeat;
}

.chat{
    -fx-background-image:url('penthouse.png');
    -fx-background-repeat: no-repeat;
}
#btnSend{

}
#txtMessage{

}
#Figur{
    -fx-background-image:url('Figur.png');
}

我的 Java 代码如下所示:

    public void start(Stage primaryStage) throws Exception {

            BorderPane bp = new BorderPane();

            bp.setRight(createRightOptionPane());
            bp.setBottom(createMessagePane());
            bp.setCenter(createVisualChat());
            Group root = new Group();
            root.getChildren().add(bp);
            Scene scene = new Scene(root);

 // adding the stylesheet to the scene
            scene.getStylesheets().add("Style.css"); 


            primaryStage.setScene(scene);
            primaryStage.setWidth(478);

            primaryStage.setHeight(433);
            primaryStage.setTitle("Chat");
            primaryStage.show();

        }

        private Node createVisualChat() {
            AnchorPane chat = new AnchorPane();
            // setting the anchorPanes ID to AnchorPane
       chat.setStyle("AnchorPane");


            return chat;
        }

谁能告诉我这段代码有什么问题？

Answer 1

在你的代码行中

// setting the anchorPanes ID to AnchorPane
chat.setStyle("AnchorPane");

您正在设置样式而不是 ID。应该是

chat.setId("AnchorPane");

参见 Skinning JavaFX Applications with CSS了解更多详情。