2012-12-11 1 views
1

다른 엔지니어와 함께 우리는 소프트웨어 그리드 (www.openmole.org)를 만들어 컴퓨터 그리드에서 복잡한 워크 플로를 생성하고 실행합니다. GUI를 함께 작성하고 일부 복잡한 드래그를 수정하고이 같은 흐름 드롭 할 수 있습니다 : 당신은 또한 여기에 비디오를 볼 수 있습니다javafx로 서브 윈도우 패널을 캔버스로 전환

enter image description here

: http://www.openmole.org/files/crazyCoconut.webm

당신이 볼 수 있듯이을, 그것이 드래그 가능하고 각 작업을 드롭하고 연결하여 복잡한 워크 플로우를 만드십시오. 작업이 이동하면 마우스 움직임에 따라 화살표가 이동합니다. 작업을 클릭하면 새 패널이 열리므로 각 작업을 구성하는 옵션을 선택할 수 있습니다.

실제로 Netbean 라이브러리를 사용하여이 모든 것을 고유 한 장면에 그리지 만 나중에 javafx api/object를 사용하여 동일한 것을 만들고 싶습니다.

그래서이 간단한 사용 사례에서와 같이 Canvas 장면과 api로 새 Javafx Nodes 하위 창을 열 수 있다고 생각하십니까?

그렇지 않은 경우이를 가능하게하는 다른 라이브러리를 알고 있습니까?

enter image description here

+0

좀 더 자세하게 설명해주십시오. 질문을 이해하지 못했습니다. – sarcan

+0

@sarcan 나는 설명을 업데이트한다. 이것이 더 명확 해지기를 바란다. – reyman64

답변

2

Parent 아니므로 당신이하는 Canvas에서 노드를 배치 할 수 없습니다 그러므로 그것은 잎 Node하고 아이를 가질 수 없습니다.

캔버스를 Group에 배치 한 다음 다른 노드를 그룹에 추가하여 캔버스를 오버레이 할 수 있습니다. 또는 snapshot 개의 노드 이미지를 가져 와서 스냅 샷을 캔버스에 배치 할 수 있습니다. 캔버스가 아닌 표준 장면 그래프에서 UI를 렌더링하는 것이 더 나을 지 모르지만. Drag and drop connected nodesDynamically add draggable and resizable children을 :


여기 다르지만, 사용자 인터페이스는 표준 장면 그래프를 구축하여, 유사의 간단한 샘플이다.

yWorks은 훌륭한 다이어그램 작성 도구 인 JavaFX 프로토 타입을 만들었으므로 직접 작성하지 않고 라이센스를 문의하십시오.

데이터 시각화 UI 구성에 도움이되는 Dex JavaFX Visualization Framework도 참조하십시오.

+0

내가 생각하기에 가장 좋은 접근법은 StackPane에서 캔버스 (연결 그리기) 위에 배치 된 작업 노드에 대한 그룹이 될 것이라고 생각한다. 스냅 샷 아이디어는 물론 작동하지만 오히려 사용자 상호 작용을 제한합니다. – sarcan

+0

@jewelsea 표준 장면 그래프에서이 형식의 UI를 디자인하는 데 도움이되는 라이브러리/함수의 예가 있습니까? – reyman64

+0

답변 할 샘플 링크 추가 – jewelsea