我能够检索JavaFx节点“节点”的样式类
List<String> styleClasses = node.getStyleClass();
例如,这给了我样式类“图表-绘图-背景”。
如何从节点检索相应的当前活动样式表条目?
里海.css文件包含条目
.chart-plot-background {
-fx-background-color: #f5f5f5;
}
并且我希望能够至少使用以下代码片段中的一个从节点检索此信息:
A.
Style style = node.getStyle();
//is empty
B
Parent parent = (Parent) node;
List<String> styleSheets = parent.getStyleSheets();
//... loop through the list and search for the entry...
//however, the list is empty
C.
List<CssMetaData<? extends Styleable, ?>> cssMetaDataList = node.getCssMetaData();
//... loop through the list and search for the entry...
//however, the property "-fx-background-color" is null
相关旧文章:
正在解析节点的CSS属性
指向错误票证
http://bugs.openjdk.java.net/browse/JDK-8091202
动机
我想编写一个从JavaFx图表到可缩放矢量图形(*. svg)文件的转换器。为此,我需要每个节点的活动属性,例如填充颜色和笔画宽度。
首先要注意的是:JavaFX 8默认使用摩德纳.css
而不是里海.css
。由于您使用的是 JavaFX 8(getCssMetaData()
是在版本 8 中引入的),因此您需要引用 modena.css
,除非您使用系统属性开关来使用旧的用户代理样式表。
这是一个部分的答案;深入研究如何做到这一点需要比我更多的时间。不过,这应该会让你开始。如果有人已经完成了这项工作,他们可能能够提供更完整的答案。
< code >-FX-background-color 实际上是< code >-FX-Region-background 的子属性,正如< code>Region的CSS参考中所暗示的那样。代码片段
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-relation-background
映射到Area. background Property()
,而-fx-backder-color
映射到的每个元素的
填充
属性。代码片段
Background bg = node.getBackground();
bg.getFills().forEach(fill -> System.out.println(fill.getFill()));
产生输出
0xf4f4f4ff
我认为这是modena.css
中为图表绘制背景
定义的背景颜色。
因此,如果您想自动化此操作,尽管可能,这似乎非常棘手。您需要考虑“嵌套”的 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);
}
}