[JavaFX] - Image Slide Show 만들기 (1)

윈도우를 그리고.. 창 안에 이미지를 겹쳐가며 보여주는 넘을 만들고 싶다.(뭐 어딘가에서 본거지만..) 라는 생각으로 시작함.

간단히 만들어 보고 JavaFX를 끝내고 싶은 마음에 시작을 했지만.. 이거 생각보다 헤딩을 많이 함.

이미지는 책 예제의 Nasa 사이트에서 가져왔음.

1. UI Class 설명

Stage
- javafx.stage.Stage
- FX 스크립트의 인스턴스 생성을 위한 최상위 컨테이터.
- SWT 의 shell 과 비슷함.

Scene
- javafx.scene.Scene
- scene graph 에 존재하는 모든 content 들의 Root Node.
- content
 : scene 에 랜더링 되는 Node의 array

Node
- javafx.scene.Node
- 모든 scene graph 노드의 기본 클레스

2. Main.fx

Stage 를 적당히 설정하고 이미지를 배치하는 넘을 생성하면 끝나는 넘.

ImageSlideSkin

- javafx.scene.CustomNode 를 상속받아 이미지를 배치시킬 노드 트리를 생성하는 클래스.

package sample;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.paint.Color;

/**
 * @author Administrator
 */

def width  = 830;
def height = 300;

// 이미지를 열심히 구겨 넣음.

var imageSlideSkin = ImageSlideSkin {
                        sceneHeight : height;
                     };

Stage {
    title   : "Image Slide Show"
    width   : width
    height  : height

    //style : StageStyle.TRANSPARENT
  
    scene: Scene {
        fill : Color.GRAY
        content: [
            imageSlideSkin
        ]
    }
}
imageSlideSkin.sortAll();