Question

我能够检索JavaFx节点＆＃34;节点＆＃34;的样式类。与

List<String> styleClasses = node.getStyleClass();

这给了我样式类＆＃34; chart-plot-background＆＃34;。

如何从节点中检索相应的当前活动样式表条目？

Caspian.css文件包含条目

.chart-plot-background {
-fx-background-color: #f5f5f5;
}

我希望能够至少使用以下代码片段从节点中检索此信息：

一个。

Style style = node.getStyle();
//is empty

乙

Parent parent = (Parent) node;
List<String> styleSheets = parent.getStyleSheets();
//... loop through the list and search for the entry...
//however, the list is empty

℃。

List<CssMetaData<? extends Styleable, ?>> cssMetaDataList = node.getCssMetaData();
//... loop through the list and search for the entry...
//however, the property "-fx-background-color" is null

相关旧文章：

Resolving CSS property for node

指向错误故障单

http://bugs.openjdk.java.net/browse/JDK-8091202

动机

我想将JavaFx图表转换为可缩放矢量图形（* .svg）文件。为此，我需要每个节点的活动属性，例如填充颜色和笔触宽度。

Answer 1

开始时要注意：JavaFX 8默认使用modena.css，而不是caspian.css。由于您使用的是JavaFX 8（版本8中引入了getCssMetaData()），因此您需要引用modena.css，除非您使用系统属性开关来使用旧的用户代理样式表。

这是部分答案;深入研究如何做到这一点需要比我更多的时间。这应该让你开始。如果有人已经完成了解决这个问题的工作，他们可能会提供更完整的答案。

-fx-background-color实际上是-fx-region-background的子属性，正如CSS reference for Region中所暗示的那样。代码段

    Region node = (Region)root.lookup(".chart-plot-background");
    node.getCssMetaData().stream().filter(p -> p.getProperty().equals("-fx-region-background"))
        .findFirst()
        .ifPresent(System.out::println);

产生输出

CSSProperty {property: -fx-region-background, converter: javafx.scene.layout.BackgroundConverter@6f457c5c, initalValue: null, inherits: false, subProperties: [CSSProperty {property: -fx-background-color, converter: Paint.SequenceConverter, initalValue: [Ljavafx.scene.paint.Paint;@737bd041, inherits: false, subProperties: []}, CSSProperty {property: -fx-background-insets, converter: InsetsSequenceConverter, initalValue: [Ljavafx.geometry.Insets;@22e4912, inherits: false, subProperties: []}, CSSProperty {property: -fx-background-radius, converter: javafx.scene.layout.CornerRadiiConverter@3d63caf3, initalValue: [Ljavafx.scene.layout.CornerRadii;@7980e69f, inherits: false, subProperties: []}, CSSProperty {property: -fx-background-image, converter: URLSeqType, initalValue: null, inherits: false, subProperties: []}, CSSProperty {property: -fx-background-repeat, converter: RepeatStructConverter, initalValue: [Lcom.sun.javafx.scene.layout.region.RepeatStruct;@54d4d836, inherits: false, subProperties: []}, CSSProperty {property: -fx-background-position, converter: LayeredBackgroundPositionConverter, initalValue: [Ljavafx.scene.layout.BackgroundPosition;@24c26d67, inherits: false, subProperties: []}, CSSProperty {property: -fx-background-size, converter: com.sun.javafx.scene.layout.region.LayeredBackgroundSizeConverter@7550f5e, initalValue: [Ljavafx.scene.layout.BackgroundSize;@791fb535, inherits: false, subProperties: []}]}

如果你深入了解一下，你会看到包含

subProperties: [CSSProperty {property: -fx-background-color, converter: Paint.SequenceConverter, initalValue: [Ljavafx.scene.paint.Paint;@737bd041, inherits: false, subProperties: []}, ...]

所以-fx-background-color就在那里。

据我所知，这种方法的工作原理是CssMetaData对象描述了如何将CSS映射到实际的JavaFX属性（StyleableProperty的实例，它是一个子类， WritableValue。所以，如果你仔细考虑，你应该能够发现-fx-region-background映射到Region.backgroundProperty()，-fx-background-color映射到fill属性Region.getBackground().getFills()的每个元素。代码段

    Background bg = node.getBackground();
    bg.getFills().forEach(fill -> System.out.println(fill.getFill()));

产生输出

0xf4f4f4ff

我认为是modena.css中chart-plot-background定义的背景颜色。

所以如果你想自动化这个，看起来很棘手，虽然可能。您需要考虑“嵌套”css元数据，您可以通过getSubProperties()访问该数据。然后，您应该能够调用getStyleableProperty().getValue()，并且（可能通过反射）挖掘生成的对象以获取“subProperties”设置的值。

祝你好运......

我用于测试的完整代码：

import java.util.Random;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart.Data;
import javafx.scene.chart.XYChart.Series;
import javafx.scene.layout.Background;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.Region;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;


public class CssPropertyLookupTest extends Application {

    @Override
    public void start(Stage primaryStage) {
        LineChart<Number, Number> chart = new LineChart<>(new NumberAxis(), new NumberAxis());
        chart.setAnimated(false);
        Random rng = new Random();

        Series<Number, Number> series = new Series<>();
        for (int x = 1; x <= 10; x++) {
            Data<Number, Number> data = new Data<>(x, rng.nextDouble());
            series.getData().add(data);
        }
        chart.getData().add(series);

        Rectangle rect = new Rectangle(400, 20);

        BorderPane root = new BorderPane(chart, null, null, rect, null);
        Scene scene = new Scene(root, 600, 600);
        primaryStage.setScene(scene);
        primaryStage.show();

        Region node = (Region)root.lookup(".chart-plot-background");
        node.getCssMetaData().stream()
            .filter(p -> p.getProperty().equals("-fx-region-background"))
            .findFirst()
            .ifPresent(System.out::println);

        Background bg = node.getBackground();
        bg.getFills().forEach(fill -> System.out.println(fill.getFill()));
    }

    public static void main(String[] args) {
        launch(args);
    }
}

JavaFx：如何获取Node的给定样式类的相应样式表？

1 个答案: