JavaFX 2 de depuración css

Question

estoy luchando con un poco de estilo CSS cuando se trabaja con JavaFX ..

me pregunto si hay alguna forma de depurar el css?

algo así como firebug o la herramienta incorporada en chrome que le muestra cuando presiona sobre un elemento qué estilos CSS le son aplicables.

Answer 1

Echa un vistazo a Scenic View para ver si cumple al menos con tus necesidades.

Answer 2

Además de utilizar ScenicView como Uluk sugirió, a veces también simplemente vuelco los nodos activos a la consola después de mostrar un escenario. Este valor predeterminado toString() para los nodos enumera sus identificadores CSS y clases de estilo.

// debugging routine to dump the scene graph. 
public static void dump(Node n) { dump(n, 0); } 
private static void dump(Node n, int depth) { 
    for (int i = 0; i < depth; i++) System.out.print(" "); 
    System.out.println(n); 
    if (n instanceof Parent) 
    for (Node c : ((Parent) n).getChildrenUnmodifiable()) 
     dump(c, depth + 1); 
} 

Salida de ejemplo:

BorderPane@13c3750 
    Text@2e3919[styleClass=lyric-text] 
    Button[id=null, styleClass=button change-lyric] 
    ButtonSkin[id=null, styleClass=button change-lyric] 
     ImageView@13a4e73 
     LabeledText@567aef[styleClass=text] 

Hay una cierta API interna indocumentado alrededor de procesamiento de CSS, pero nada público.

Una solicitud para hacer esta API pública está aquí: CSS Style Object Model in Java. Usted crea una cosa llamada un Mapa de Estilos y lo asocia a un nodo, que en efecto crea un oyente que registra los cambios de procesamiento css para el nodo que ocurre después de ha agregado el Mapa de Estilos.

public void addStyleMaps(Node node, int depth) { 
    node.impl_setStyleMap(FXCollections.observableMap(new HashMap<WritableValue, List<Style>>())); 
    if (node instanceof Parent) { 
    for (Node child : ((Parent) node).getChildrenUnmodifiable()) { 
     addStyleMaps(child, depth + 1); 
    } 
    } 
} 

Si modifica la rutina volcado anterior a =>

System.out.println(n + " " + node.impl_getStyleMap()); 

continuación, la rutina va a imprimir también cambios en el estilo ya que los stylemaps se añadieron a los nodos.

Tenga en cuenta que la llamada anterior utiliza una impl_ api que está en desuso que puede (y probablemente cambiará) en futuras versiones de JavaFX y no habrá recibido el soporte de uso y prueba de la API pública.

Creo que, para esto, no lo encontrará demasiado útil hasta que el mecanismo se implemente en una herramienta gráfica como ScenicView para proporcionar de forma interactiva información css del estilo Firebug. No creo que ScenicView sea de código abierto y la implementación interna de CSS no está documentada públicamente, por lo que puede ser difícil crear una herramienta de este tipo.