2012-03-28 2 views
2

Я занимаюсь практикой с JavaFX 2.0, строя XYChart с 2-мя линейными рядами и устанавливая цвет, штрих и т. Д. В файле CSS.классы JavaFX 2 и CSS

После этой ссылки

http://docs.oracle.com/javafx/2.0/charts/css-styles.htm

он говорит:

Все графики JavaFX имеют общие свойства, которые могут быть установлены хотя .chart, .chart-контент, .chart-заголовок, и .chart-legend CSS-классы.

Мой вопрос: где я могу найти список всех этих классов CSS? Я не могу найти его нигде.

Ссылка ссылка JavaFX CSS

http://docs.oracle.com/javafx/2.0/api/javafx/scene/doc-files/cssref.html

списки всех свойства, но не классы CSS

Благодаря

+0

'Все графики JavaFX имеют общие свойства, которые могут быть установлены хотя .chart, .chart-контента, .chart-заголовок и .chart-легенда CSS classes' - это не все классы CSS? –

+0

Я не знаю, вот в чем причина моего вопроса. Доступны ли эти классы CSS? Существуют ли разные классы CSS для другого типа графика? Я не могу найти ответ. Более того, я нашел другие классы CSS (например, для диаграммы подсвечника), и я предпочел бы иметь полный список –

ответ

5
  1. Этот учебник http://docs.oracle.com/javafx/2.0/css_tutorial/jfxpub-css_tutorial.htm советует посмотреть в caspian.css файл, который имеет значение по умолчанию стили для всех компонентов. Вы можете получить его из SDK:

    jar -xf jfxrt.jar com/sun/javafx/scene/control/skin/caspian/caspian.css 
    
  2. Как уже упоминалось еще один полезный источник ccs-ref документ Javadoc: http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html

5

стили по умолчанию можно найти в каспийского CSS (link for JavaFX 2.2 и link for Java 8) ,

Вы можете просматривать классы стиля интерактивно с помощью инструмента ScenicView.

Вы можете рекурсивно распечатать узлы в таблице, чтобы узнать во время выполнения, какой тип они и какие классы CSS применяются к ним. Узлы должны быть напечатаны после того, как сцена была прикреплена к показанному этапу, чтобы дать кассе css возможность выполнить на узлах и применить к ним подходящие классы стилей. Часто я также lookup узлов класса css динамически стилю или манипулировать ими в коде.

Вот образец, который вы можете настроить для своего графика.

import javafx.application.Application; 
import javafx.collections.FXCollections; 
import javafx.scene.*; 
import javafx.scene.chart.*; 
import javafx.stage.Stage; 

public class SimpleChart extends Application { 
    public static void main(String[] args) { launch(args); } 
    @Override public void start(Stage stage) { 
    final AreaChart chart = new AreaChart(
     new NumberAxis(), new NumberAxis(), 
     FXCollections.observableArrayList(
     new XYChart.Series("April", FXCollections.observableArrayList(
      new XYChart.Data(0, 4), new XYChart.Data(1, 10), new XYChart.Data(2, 18) 
     )), 
     new XYChart.Series("May", FXCollections.observableArrayList(
      new XYChart.Data(0, 20), new XYChart.Data(1, 15), new XYChart.Data(2, 12) 
     )) 
    )  
    ); 
    chart.setTitle("Temperature Monitoring (in Degrees C)"); 
    stage.setScene(new Scene(chart, 800, 600)); 
    stage.show(); 

    printNodes(chart, 0); 
    } 

    public void printNodes(Node node, int depth) { 
    for (int i = 0; i < depth; i++) System.out.print(" "); 
    System.out.println(node); 
    if (node instanceof Parent) 
     for (Node child : ((Parent) node).getChildrenUnmodifiable()) 
     printNodes(child, depth + 1); 
    } 
} 

И выход:

[email protected][styleClass=root chart] 
Label[id=null, styleClass=label chart-title] 
    LabelSkin[id=null, styleClass=label chart-title] 
    [email protected][styleClass=text] 
[email protected][styleClass=chart-content] 
    [email protected][styleClass=chart-plot-background] 
    [email protected] 
    [email protected][styleClass=chart-alternative-column-fill] 
    [email protected][styleClass=chart-alternative-row-fill] 
    [email protected][styleClass=chart-vertical-grid-lines] 
    [email protected][styleClass=chart-horizontal-grid-lines] 
    [email protected][styleClass=chart-vertical-zero-line] 
    [email protected][styleClass=chart-horizontal-zero-line] 
    [email protected][styleClass=plot-content] 
    [email protected] 
    [email protected][styleClass=chart-series-area-fill series0 default-color0] 
    [email protected][styleClass=chart-series-area-line series0 default-color0] 
    [email protected][styleClass=chart-area-symbol series0 data0 default-color0] 
    [email protected][styleClass=chart-area-symbol series0 data1 default-color0] 
    [email protected][styleClass=chart-area-symbol series0 data2 default-color0] 
    [email protected] 
    [email protected][styleClass=chart-series-area-fill series1 default-color1] 
    [email protected][styleClass=chart-series-area-line series1 default-color1] 
    [email protected][styleClass=chart-area-symbol series1 data0 default-color1] 
    [email protected][styleClass=chart-area-symbol series1 data1 default-color1] 
    [email protected]88f3[styleClass=chart-area-symbol series1 data2 default-color1] 
    [email protected][styleClass=axis] 
    Label[id=null, styleClass=label axis-label] 
    LabelSkin[id=null, styleClass=label axis-label] 
    [email protected][styleClass=text] 
    [email protected][styleClass=axis-tick-mark] 
    [email protected][styleClass=axis-minor-tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=axis] 
    Label[id=null, styleClass=label axis-label] 
    LabelSkin[id=null, styleClass=label axis-label] 
    [email protected][styleClass=text] 
    [email protected][styleClass=axis-tick-mark] 
    [email protected][styleClass=axis-minor-tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
    [email protected][styleClass=text tick-mark] 
[email protected][styleClass=chart-legend] 
    Label[id=null, styleClass=label chart-legend-item] 
    LabelSkin[id=null, styleClass=label chart-legend-item] 
    [email protected][styleClass=chart-legend-item-symbol chart-area-symbol series0 area-legend-symbol default-color0] 
    [email protected][styleClass=text] 
    Label[id=null, styleClass=label chart-legend-item] 
    LabelSkin[id=null, styleClass=label chart-legend-item] 
    [email protected][styleClass=chart-legend-item-symbol chart-area-symbol series1 area-legend-symbol default-color1] 
    [email protected][styleClass=text] 
Смежные вопросы