자바 FX 2 디버그 CSS

Question

내가 자바 FX 작업 일부 CSS 스타일링 고민하고 .. 내가 CSS를 디버깅 할 수있는 방법이 있는지 궁금

?

무엇이 CSS 스타일에 적용되는지 요소를 누를 때 표시되는 크롬의 빌드 비우기 도구 또는 firebug와 동일합니다.

Answer 1

Scenic View을 보시고 적어도 귀하의 요구 사항을 충족 시키십니까?

Answer 2

Uluk가 제안한대로 ScenicView를 사용하는 것 외에도, 스테이지를 표시 한 후 콘솔에 활성 노드를 덤프하는 경우도 있습니다. 노드의 기본값 인 toString()은 CSS ID와 스타일 클래스를 나열합니다.

// 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); 
} 

샘플 출력 :

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] 

CSS를 처리 주위 문서화되지 않은 내부 API가 있습니다 만, 공공 아무것도.

이 API 공개를 요청한 사람 : CSS Style Object Model in Java. StyleMap이라는 것을 만들고이를 노드에 부착합니다.이 노드는 이후 StyleMap을 추가 한 후 노드가 발생하는 CSS 변경 사항을 기록합니다. .

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); 
    } 
    } 
} 

당신이 stylemaps가 노드에 추가 된 이후 =>

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

다음 루틴도 스타일 변화를 인쇄 할 수 위의 덤프 루틴을 수정합니다.

위의 호출은 향후 JavaFX 릴리스에서 변경 될 수 있고 더 이상 사용되지 않으며 공개 API의 사용 및 테스트 지원을받지 못한 impl_pi를 사용합니다.

이 기능은 ScenicView와 같은 그래픽 도구로 구현되어야 Firebug 스타일 CSS 정보를 대화식으로 제공 할 때까지 유용하지 않을 것입니다. 나는 ScenicView가 오픈 소스라고 생각하지 않으며 내부 CSS 구현은 공개적으로 문서화되어 있지 않으므로 그러한 도구를 직접 만드는 것은 어려울 수 있습니다.